import React from 'react';
import Box from '../Box';
import Button from '../Button';
import Popover from './Popover';
export default {
    title: 'Popover',
    component: Popover,
};
const ControlledPopover = () => {
    const [isOpen, setIsOpen] = React.useState(false);
    const toggle = () => setIsOpen(!isOpen);
    return (React.createElement(Popover, { shown: isOpen, onClickOutside: toggle },
        React.createElement(Popover.Element, null,
            React.createElement(Button, { onClick: toggle }, "Element")),
        React.createElement(Popover.Content, null,
            React.createElement(Box, { padding: "10px" }, "Content"))));
};
const Template = () => React.createElement(ControlledPopover, null);
export const Basic = Template.bind({});
Basic.args = {};
//# sourceMappingURL=Popover.story.js.map