mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-23 03:29:51 +02:00
24 lines
660 B
TypeScript
24 lines
660 B
TypeScript
import { Slider } from '@radix-ui/themes';
|
|
import type { EmbedPreviewControllerProps } from '../../pages/[...locale]/tools/embed/[embed]/_index';
|
|
import { EmbedState, type RadixSize } from '../../stores/embedState';
|
|
|
|
export function Size({ configKey }: EmbedPreviewControllerProps) {
|
|
const mutateEmbedState = EmbedState.useMutation();
|
|
|
|
return (
|
|
<Slider
|
|
variant="soft"
|
|
min={0}
|
|
max={9}
|
|
value={[
|
|
EmbedState.use((state) => parseInt(state[configKey] as RadixSize)),
|
|
]}
|
|
onValueChange={([value]) => {
|
|
mutateEmbedState((draft) => {
|
|
draft[configKey] = `${value}`;
|
|
});
|
|
}}
|
|
/>
|
|
);
|
|
}
|