@retailmenot/anchor/ts/Form/Toggle/Toggle.stories.js

A React UI Library by RetailMeNot

// REACT
import * as React from 'react';
// STORYBOOK
import { storiesOf } from '@storybook/react';
import { boolean, text } from '@storybook/addon-knobs';
import styled, { ThemeProvider } from '@xstyled/styled-components';
// ANCHOR
import { RootTheme } from '../../theme';
// SUBJECT
import * as README from './README.md';
import { Toggle } from './Toggle.component';
const { useState } = React;
const StyledStory = styled('div') `
    background: white;
`;
storiesOf('Components/Form/Toggle', module)
    .addParameters({ readme: { sidebar: README } })
    .add('Default', () => React.createElement(() => {
    const [checked, setChecked] = useState(true);
    const childText = text('label', '') || undefined;
    const showText = boolean('showText', true);
    return (React.createElement(ThemeProvider, { theme: RootTheme },
        React.createElement(StyledStory, null,
            React.createElement(Toggle, { checked: checked, showText: showText, knobSize: text('knobSize', '') || undefined, disabled: boolean('disabled', false), onChange: () => setChecked(!checked) }),
            childText)));
}));
//# sourceMappingURL=Toggle.stories.js.map