import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import Checkbox from "./index";
export default {
    title: "Controls/Checkbox"
};
export const Default = () => {
    const [checked, setChecked] = React.useState(false);
    return (_jsx(Checkbox, { checked: checked, onChange: (v) => setChecked(!v) }));
};
export const WithLabel = () => {
    const [checked, setChecked] = React.useState(false);
    return (_jsx(Checkbox, { checked: checked, onChange: (v) => setChecked(!v), label: "I agree to receive email notifications and newsletter emails from Equilibrium" }));
};
export const Disabled = () => {
    const [checked, setChecked] = React.useState(false);
    return (_jsx(Checkbox, { checked: checked, onChange: (v) => setChecked(!v), disabled: true, label: "I agree to receive email notifications and newsletter emails from Equilibrium" }));
};
export const Error = () => {
    const [checked, setChecked] = React.useState(false);
    return (_jsx(Checkbox, { checked: checked, onChange: (v) => setChecked(!v), label: "I agree to receive email notifications and newsletter emails from Equilibrium", error: true }));
};
//# sourceMappingURL=index.stories.js.map