@lobehub/ui/es/awesome/BentoGrid/BentoCard.mjs.map

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

{"version":3,"file":"BentoCard.mjs","names":[],"sources":["../../../src/awesome/BentoGrid/BentoCard.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type CSSProperties, memo } from 'react';\n\nimport { renderLandingLink } from '@/awesome/landingLink';\n\nimport { styles } from './style';\nimport type { BentoCardProps } from './type';\n\nconst BentoCard = memo<BentoCardProps>(\n  ({\n    children,\n    className,\n    colSpan = 1,\n    hint,\n    href,\n    renderLink,\n    rowSpan = 1,\n    style,\n    title,\n    ...rest\n  }) => (\n    <div\n      className={cx(styles.card, className)}\n      data-wide={colSpan > 2}\n      style={\n        { '--bento-col-span': colSpan, '--bento-row-span': rowSpan, ...style } as CSSProperties\n      }\n      {...rest}\n    >\n      {(title || hint) && (\n        <div className={styles.header}>\n          {title &&\n            (href ? (\n              renderLandingLink(renderLink, { children: title, className: styles.title, href })\n            ) : (\n              <span className={styles.title}>{title}</span>\n            ))}\n          {hint && <span className={styles.hint}>{hint}</span>}\n        </div>\n      )}\n      <div className={styles.body}>{children}</div>\n    </div>\n  ),\n);\n\nBentoCard.displayName = 'BentoCard';\n\nexport default BentoCard;\n"],"mappings":";;;;;;;AAUA,MAAM,YAAY,MACf,EACC,UACA,WACA,UAAU,GACV,MACA,MACA,YACA,UAAU,GACV,OACA,OACA,GAAG,WAEH,qBAAC,OAAD;CACE,WAAW,GAAG,OAAO,MAAM,SAAS;CACpC,aAAW,UAAU;CACrB,OACE;EAAE,oBAAoB;EAAS,oBAAoB;EAAS,GAAG;CAAM;CAEvE,GAAI;CANN,UAAA,EAQI,SAAS,SACT,qBAAC,OAAD;EAAK,WAAW,OAAO;EAAvB,UAAA,CACG,UACE,OACC,kBAAkB,YAAY;GAAE,UAAU;GAAO,WAAW,OAAO;GAAO;EAAK,CAAC,IAEhF,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAQ,UAAA;EAAY,CAAA,IAE/C,QAAQ,oBAAC,QAAD;GAAM,WAAW,OAAO;GAAO,UAAA;EAAW,CAAA,CAChD;CAEP,CAAA,GAAA,oBAAC,OAAD;EAAK,WAAW,OAAO;EAAO;CAAc,CAAA,CACzC;AAET,CAAA,CAAA;AAEA,UAAU,cAAc"}