import siteHeaderTwig from './site-header.twig';
import siteHeaderData from './site-header.yml';
import './site-header.js';

import '@ui-site-layout/component/block-menu/block-menu.js';
import '@ui-site-layout/component/menu-toggle/menu-toggle.js';

import { fakeSystemMenuBlock } from '.storybook/utils';

import { main } from '@ui-navigation/main/component/menu.main.stories';
import { brandingBlock } from '@ui-block/branding-block/component/block.branding-block.stories';

/**
 * Storybook Definition.
 */
export default { title: 'Site Layout/Site Header' };

export const siteHeader = (args) => {
  let data = args ?? siteHeaderData;

  return siteHeaderTwig({
    ...data,
    site_header_branding_block: brandingBlock(),
    site_header_main_menu: fakeSystemMenuBlock(main())
  });
}
siteHeader.args = siteHeaderData;
