UNPKG

@lobehub/ui

Version:

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

1 lines 1.98 kB
{"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 type { 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 horizontal align={'center'} className={styles.titleContainer} gap={4}>\n <div className={styles.titleWithDesc}>{title}</div>\n {tag && (\n <Flexbox horizontal className={styles.tag}>\n {tag}\n </Flexbox>\n )}\n </Flexbox>\n <Flexbox horizontal align={'center'}>\n <div className={styles.desc}>{desc}</div>\n </Flexbox>\n </Flexbox>\n );\n return (\n <Flexbox horizontal align={'center'} flex={1} gap={4} justify={'center'}>\n <div className={styles.title}>{title}</div>\n <Flexbox horizontal className={styles.tag}>\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;CAC3E,IAAI,MACF,OACE,qBAACA,mBAAD;EAAS,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;YAApD,CACE,qBAACA,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;aAA5E,CACE,oBAAC,OAAD;IAAK,WAAWA,YAAO;cAAgB;GAAW,CAAA,GACjD,OACC,oBAACD,mBAAD;IAAS,YAAA;IAAW,WAAWC,YAAO;cACnC;GACM,CAAA,CAEJ;MACT,oBAACD,mBAAD;GAAS,YAAA;GAAW,OAAO;aACzB,oBAAC,OAAD;IAAK,WAAWC,YAAO;cAAO;GAAU,CAAA;EACjC,CAAA,CACF;;CAEb,OACE,qBAACD,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;YAA/D,CACE,oBAAC,OAAD;GAAK,WAAWC,YAAO;aAAQ;EAAW,CAAA,GAC1C,oBAACD,mBAAD;GAAS,YAAA;GAAW,WAAWC,YAAO;aACnC;EACM,CAAA,CACF;;AAEb,CAAC;AAED,gBAAgB,cAAc"}