1import { HeaderMenu, Header } from ".";
 2import { CommandBox } from "@marzneshin/features/search-command";
 3import { HeaderLogo } from "@marzneshin/components";
 4import React from "react";
 5import type { Meta, StoryObj } from "@storybook/react";
 6
 7const HeaderMenuComponent = HeaderMenu as React.FC<unknown>
 8
 9const meta: Meta<typeof Header> = {
10    title: "Components/Header",
11    component: Header,
12    tags: ["autodocs"],
13    subcomponents: { HeaderMenuComponent }
14};
15
16export default meta;
17
18type Story = StoryObj<typeof Header>;
19
20
21export const HeaderAnatomy: Story = {
22    args: {
23        start: <h1>Start section</h1>,
24        center: <h1>Center section</h1>,
25        end: <h1>End section</h1>
26    }
27}
28
29export const HeaderWithMenu: Story = {
30    args: {
31        start: <h1>Start section</h1>,
32        center: <h1>Center section</h1>,
33        end: <HeaderMenu />
34    }
35}
36
37
38export const DashoardHeader: Story = {
39    args: {
40        start: <HeaderLogo />,
41        center: <CommandBox />,
42        end: <HeaderMenu />
43    }
44}