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

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

{"version":3,"file":"ChatHeaderTitle.mjs","names":["Flexbox","styles"],"sources":["../../../src/mobile/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { titleStyles as styles } from './style';\nimport { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle = memo<ChatHeaderTitleProps>(({ title, desc, tag }) => {\n  if (desc)\n    return (\n      <Flexbox align={'center'} flex={1} gap={4} justify={'center'}>\n        <Flexbox align={'center'} className={styles.titleContainer} gap={4} horizontal>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tag && (\n            <Flexbox className={styles.tag} horizontal>\n              {tag}\n            </Flexbox>\n          )}\n        </Flexbox>\n        <Flexbox align={'center'} horizontal>\n          <div className={styles.desc}>{desc}</div>\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox align={'center'} flex={1} gap={4} horizontal justify={'center'}>\n      <div className={styles.title}>{title}</div>\n      <Flexbox className={styles.tag} horizontal>\n        {tag}\n      </Flexbox>\n    </Flexbox>\n  );\n});\n\nChatHeaderTitle.displayName = 'ChatHeaderTitle';\n\nexport default ChatHeaderTitle;\n"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB,MAA4B,EAAE,OAAO,MAAM,UAAU;AAC3E,KAAI,KACF,QACE,qBAACA;EAAQ,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;aAClD,qBAACA;GAAQ,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;GAAG;cAClE,oBAAC;IAAI,WAAWA,YAAO;cAAgB;KAAY,EAClD,OACC,oBAACD;IAAQ,WAAWC,YAAO;IAAK;cAC7B;KACO;IAEJ,EACV,oBAACD;GAAQ,OAAO;GAAU;aACxB,oBAAC;IAAI,WAAWC,YAAO;cAAO;KAAW;IACjC;GACF;AAEd,QACE,qBAACD;EAAQ,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG;EAAW,SAAS;aAC7D,oBAAC;GAAI,WAAWC,YAAO;aAAQ;IAAY,EAC3C,oBAACD;GAAQ,WAAWC,YAAO;GAAK;aAC7B;IACO;GACF;EAEZ;AAEF,gBAAgB,cAAc;AAE9B,8BAAe"}