@cimpress/react-components/dist/esm/src/stories/Toggle.stories.js

React components to support the MCP styleguide

import * as React from 'react';
import { Toggle } from '../Toggle';
const meta = {
    title: 'Components/Toggle',
    component: Toggle,
};
export default meta;
function ToggleStory(props) {
    const [value, setValue] = React.useState(false);
    return React.createElement(Toggle, Object.assign({}, props, { onClick: () => setValue(x => !x), on: value }));
}
function VariantsDisplay({ children }) {
    return React.createElement("div", { style: { display: 'flex', gap: '1rem', alignItems: 'flex-start', flexWrap: 'wrap' } }, children);
}
export const Default = {
    render: ToggleStory,
};
export const SizeVariants = {
    render() {
        return (React.createElement(VariantsDisplay, null,
            React.createElement(Toggle, { size: "sm" }),
            React.createElement(Toggle, null)));
    },
};
export const Disabled = {
    render: ToggleStory,
    args: {
        disabled: true,
    },
};
export const CustomText = {
    render: ToggleStory,
    args: {
        onText: 'True',
        offText: 'False',
    },
};
//# sourceMappingURL=Toggle.stories.js.map