@lobehub/ui/es/mobile/ChatHeader/ChatHeader.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","MobileSafeArea","ActionIcon"],"sources":["../../../src/mobile/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport MobileSafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    ref,\n    className,\n    safeArea = true,\n    style,\n    center,\n    left,\n    right,\n    gaps,\n    classNames,\n    onBackClick,\n    showBackButton,\n    styles: custmStyles,\n    children,\n    ...rest\n  }) => {\n    return (\n      <Flexbox\n        as={'header'}\n        className={cx(styles.container, className)}\n        ref={ref}\n        style={style}\n        {...rest}\n      >\n        {safeArea && <MobileSafeArea position={'top'} />}\n        <Flexbox\n          align={'center'}\n          className={styles.inner}\n          flex={1}\n          horizontal\n          justify={'space-between'}\n        >\n          <Flexbox\n            align={'center'}\n            className={cx(styles.left, classNames?.left)}\n            flex={1}\n            gap={gaps?.left}\n            horizontal\n            style={custmStyles?.left}\n          >\n            {showBackButton && <ActionIcon icon={ChevronLeft} onClick={() => onBackClick?.()} />}\n            {left}\n          </Flexbox>\n          <Flexbox\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            flex={1}\n            gap={gaps?.center}\n            horizontal\n            justify={'center'}\n            style={custmStyles?.center}\n          >\n            {children}\n            {center}\n          </Flexbox>\n          <Flexbox\n            align={'center'}\n            className={cx(styles.right, classNames?.right)}\n            flex={1}\n            gap={gaps?.right}\n            horizontal\n            style={custmStyles?.right}\n          >\n            {right}\n          </Flexbox>\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,aAAa,MAChB,EACC,KACA,WACA,WAAW,MACX,OACA,QACA,MACA,OACA,MACA,YACA,aACA,gBACA,QAAQ,aACR,UACA,GAAG,WACC;AACJ,QACE,qBAACA;EACC,IAAI;EACJ,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACE;EACP,GAAI;aAEH,YAAY,oBAACC,oBAAe,UAAU,QAAS,EAChD,qBAACD;GACC,OAAO;GACP,WAAW,OAAO;GAClB,MAAM;GACN;GACA,SAAS;;IAET,qBAACA;KACC,OAAO;KACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;KAC5C,MAAM;KACN,KAAK,MAAM;KACX;KACA,OAAO,aAAa;gBAEnB,kBAAkB,oBAACE;MAAW,MAAM;MAAa,eAAe,eAAe;OAAI,EACnF;MACO;IACV,qBAACF;KACC,OAAO;KACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;KAChD,MAAM;KACN,KAAK,MAAM;KACX;KACA,SAAS;KACT,OAAO,aAAa;gBAEnB,UACA;MACO;IACV,oBAACA;KACC,OAAO;KACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;KAC9C,MAAM;KACN,KAAK,MAAM;KACX;KACA,OAAO,aAAa;eAEnB;MACO;;IACF;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}