@lobehub/ui/es/chat/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"],"sources":["../../../src/chat/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';\n\nimport { styles } from './style';\nimport type { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    left,\n    right,\n    className,\n    styles: contentStyles,\n    gaps,\n    classNames,\n    showBackButton,\n    onBackClick,\n    children,\n    gap = 16,\n    ...rest\n  }) => {\n    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={cx(styles.container, className)}\n        distribution={'space-between'}\n        gap={gap}\n        paddingInline={16}\n        {...rest}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.left, classNames?.left)}\n          gap={gaps?.left || 12}\n          justify={'flex-start'}\n          style={contentStyles?.left}\n        >\n          {showBackButton && (\n            <ActionIcon\n              icon={ChevronLeft}\n              style={{ marginRight: gaps?.left ? -gaps.left / 2 : -6 }}\n              onClick={() => onBackClick?.()}\n            />\n          )}\n          {left}\n        </Flexbox>\n        {children && (\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            gap={gaps?.center || 8}\n            justify={'center'}\n            style={contentStyles?.center}\n          >\n            {children}\n          </Flexbox>\n        )}\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.right, classNames?.right)}\n          gap={gaps?.right || 8}\n          justify={'flex-end'}\n          style={contentStyles?.right}\n        >\n          {right}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;AAYA,MAAM,aAAa,MAChB,EACC,MACA,OACA,WACA,QAAQ,eACR,MACA,YACA,gBACA,aACA,UACA,MAAM,IACN,GAAG,WACC;AACJ,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,cAAc;EACT;EACL,eAAe;EACf,GAAI;YAPN;GASE,qBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;IAC5C,KAAK,MAAM,QAAQ;IACnB,SAAS;IACT,OAAO,eAAe;cANxB,CAQG,kBACC,oBAAC,YAAD;KACE,MAAM;KACN,OAAO,EAAE,aAAa,MAAM,OAAO,CAAC,KAAK,OAAO,IAAI,IAAI;KACxD,eAAe,eAAe;KAC9B,CAAA,EAEH,KACO;;GACT,YACC,oBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;IAChD,KAAK,MAAM,UAAU;IACrB,SAAS;IACT,OAAO,eAAe;IAErB;IACO,CAAA;GAEZ,oBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IAC9C,KAAK,MAAM,SAAS;IACpB,SAAS;IACT,OAAO,eAAe;cAErB;IACO,CAAA;GACF;;EAGf;AAED,WAAW,cAAc"}