import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { HomeScreenAddDriveItem } from "./home-screen-add-drive-item.js";
import { HomeScreenItem } from "./home-screen-item.js";
import { HomeScreen } from "./home-screen.js";
const meta = {
    title: "Connect/Components/Home Screen",
    component: HomeScreen,
};
export default meta;
const Template = {
    args: {
        children: _jsx("div", { className: "mx-auto flex flex-row gap-4" }),
    },
    render: () => (_jsx("div", { className: "flex h-screen w-full flex-col", children: _jsxs(HomeScreen, { children: [_jsx(HomeScreenItem, { title: "My Drive", description: "Drive Explorer App", icon: _jsx(Icon, { name: "Hdd", width: 32, height: 32 }) }), _jsx(HomeScreenItem, { title: "Maker", description: "Drive Explorer App", shareable: true, icon: _jsx(Icon, { name: "M", width: 32, height: 32 }) }), _jsx(HomeScreenItem, { title: "Powerhouse Genesis", description: "OH Admin App", icon: _jsx(Icon, { name: "PowerhouseLogoSmall", width: 32, height: 32 }) }), _jsx(HomeScreenItem, { title: "Frank Inc.", description: "Contributor App" }), _jsx(HomeScreenItem, { title: "Powerhouse Genesis", description: "POH Admin App", icon: _jsx(Icon, { name: "PowerhouseLogoSmall", width: 32, height: 32 }) }), _jsx(HomeScreenAddDriveItem, {})] }) })),
};
export const Default = {
    ...Template,
};
//# sourceMappingURL=home-screen.stories.js.map