{"version":3,"file":"Header.mjs","names":["Flexbox"],"sources":["../../src/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { HeaderProps } from './type';\n\nconst Header = memo<HeaderProps>(\n  ({\n    actionsClassName,\n    navClassName,\n    logoClassName,\n    nav,\n    logo,\n    actions,\n    actionsStyle,\n    logoStyle,\n    navStyle,\n    className,\n    children,\n    ref,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        as={'section'}\n        className={cx(styles.root, className)}\n        distribution={'space-between'}\n        ref={ref}\n        width={'auto'}\n        {...rest}\n      >\n        {mobile ? (\n          <>\n            <Flexbox className={actionsClassName} style={{ flex: 0, ...navStyle }}>\n              {nav}\n              {children}\n            </Flexbox>\n            <Flexbox\n              horizontal\n              className={cx(styles.left, logoClassName)}\n              style={{ flex: 1, overflow: 'hidden', ...logoStyle }}\n            >\n              {logo}\n            </Flexbox>\n            <Flexbox className={actionsClassName} style={{ flex: 0, ...actionsStyle }}>\n              {actions}\n            </Flexbox>\n          </>\n        ) : (\n          <>\n            <Flexbox\n              horizontal\n              className={cx(styles.left, logoClassName)}\n              style={{ flex: 0, ...logoStyle }}\n            >\n              {logo}\n            </Flexbox>\n            <Flexbox\n              className={navClassName}\n              style={{ flex: 1, marginLeft: 48, overflow: 'hidden', ...navStyle }}\n            >\n              {nav}\n              {children}\n            </Flexbox>\n            <Flexbox\n              horizontal\n              className={cx(styles.right, actionsClassName)}\n              flex={1}\n              justify={'space-between'}\n              style={actionsStyle}\n            >\n              <div />\n              <Flexbox horizontal align={'center'} gap={8}>\n                {actions}\n              </Flexbox>\n            </Flexbox>\n          </>\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nHeader.displayName = 'Header';\n\nexport default Header;\n"],"mappings":";;;;;;;AAUA,MAAM,SAAS,MACZ,EACC,kBACA,cACA,eACA,KACA,MACA,SACA,cACA,WACA,UACA,WACA,UACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;AAElC,QACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,IAAI;EACJ,WAAW,GAAG,OAAO,MAAM,UAAU;EACrC,cAAc;EACT;EACL,OAAO;EACP,GAAI;YAEH,SACC,qBAAA,YAAA,EAAA,UAAA;GACE,qBAACA,mBAAD;IAAS,WAAW;IAAkB,OAAO;KAAE,MAAM;KAAG,GAAG;KAAU;cAArE,CACG,KACA,SACO;;GACV,oBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,MAAM,cAAc;IACzC,OAAO;KAAE,MAAM;KAAG,UAAU;KAAU,GAAG;KAAW;cAEnD;IACO,CAAA;GACV,oBAACA,mBAAD;IAAS,WAAW;IAAkB,OAAO;KAAE,MAAM;KAAG,GAAG;KAAc;cACtE;IACO,CAAA;GACT,EAAA,CAAA,GAEH,qBAAA,YAAA,EAAA,UAAA;GACE,oBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,MAAM,cAAc;IACzC,OAAO;KAAE,MAAM;KAAG,GAAG;KAAW;cAE/B;IACO,CAAA;GACV,qBAACA,mBAAD;IACE,WAAW;IACX,OAAO;KAAE,MAAM;KAAG,YAAY;KAAI,UAAU;KAAU,GAAG;KAAU;cAFrE,CAIG,KACA,SACO;;GACV,qBAACA,mBAAD;IACE,YAAA;IACA,WAAW,GAAG,OAAO,OAAO,iBAAiB;IAC7C,MAAM;IACN,SAAS;IACT,OAAO;cALT,CAOE,oBAAC,OAAD,EAAO,CAAA,EACP,oBAACA,mBAAD;KAAS,YAAA;KAAW,OAAO;KAAU,KAAK;eACvC;KACO,CAAA,CACF;;GACT,EAAA,CAAA;EAEG,CAAA;EAGf;AAED,OAAO,cAAc"}