import { useState } from "react";
import { Button } from "../../button";
import { Aside, Content, SidebarLayout } from "./sidebar";
export default {
    title: "Component/Layout/Sidebar",
};
export let InlineStart = {
    render: () => {
        let [open, setOpen] = useState(true);
        return (<SidebarLayout open={open} style={{ height: "100%" }} onClose={() => setOpen(false)}>
				<Aside>
					Aside
				</Aside>

				<Content>
					<Button onClick={() => setOpen(o => !o)}>Toggle</Button>
					Content
				</Content>
			</SidebarLayout>);
    },
};