@lobehub/ui/es/chat/ChatHeader/ChatHeaderTitle.mjs.map

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

{"version":3,"file":"ChatHeaderTitle.mjs","names":["ChatHeaderTitle: FC<ChatHeaderTitleProps>","Flexbox","styles"],"sources":["../../../src/chat/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { titleStyles as styles } from './style';\nimport type { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle: FC<ChatHeaderTitleProps> = ({ title, desc, tag }) => {\n  const tagContent = tag && (\n    <Flexbox align={'center'} className={styles.tag} horizontal>\n      {tag}\n    </Flexbox>\n  );\n\n  if (desc)\n    return (\n      <Flexbox className={styles.container} gap={4}>\n        <Flexbox align={'center'} className={styles.titleContainer} gap={8} horizontal>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tagContent}\n        </Flexbox>\n        <Flexbox align={'center'} className={styles.desc} horizontal>\n          {desc}\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox align={'center'} className={styles.container} gap={8} horizontal>\n      <div className={styles.title}>{title}</div>\n      {tagContent}\n    </Flexbox>\n  );\n};\n\nexport default ChatHeaderTitle;\n"],"mappings":";;;;;AAOA,MAAMA,mBAA6C,EAAE,OAAO,MAAM,UAAU;CAC1E,MAAM,aAAa,OACjB,oBAACC;EAAQ,OAAO;EAAU,WAAWC,YAAO;EAAK;YAC9C;GACO;AAGZ,KAAI,KACF,QACE,qBAACD;EAAQ,WAAWC,YAAO;EAAW,KAAK;aACzC,qBAACD;GAAQ,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;GAAG;cAClE,oBAAC;IAAI,WAAWA,YAAO;cAAgB;KAAY,EAClD;IACO,EACV,oBAACD;GAAQ,OAAO;GAAU,WAAWC,YAAO;GAAM;aAC/C;IACO;GACF;AAEd,QACE,qBAACD;EAAQ,OAAO;EAAU,WAAWC,YAAO;EAAW,KAAK;EAAG;aAC7D,oBAAC;GAAI,WAAWA,YAAO;aAAQ;IAAY,EAC1C;GACO;;AAId,8BAAe"}