23 lines
558 B
TypeScript
23 lines
558 B
TypeScript
import { useState } from 'react';
|
|
import type { Story } from '@ladle/react';
|
|
|
|
import { Checkbox, CheckboxProps } from '@/components/Checkbox';
|
|
|
|
import { StoryWrapper } from '.ladle/components';
|
|
|
|
export const Checkboxes: Story<CheckboxProps> = (args) => {
|
|
const [isChecked, setIsChecked] = useState(false);
|
|
|
|
return (
|
|
<StoryWrapper>
|
|
<Checkbox
|
|
{...args}
|
|
checked={isChecked}
|
|
onClick={(e: React.ChangeEvent) => setIsChecked((e.target as HTMLInputElement).checked)}
|
|
/>
|
|
</StoryWrapper>
|
|
);
|
|
};
|
|
|
|
Checkboxes.args = {};
|