UNPKG

@lobehub/ui

Version:

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

1 lines • 989 B
{"version":3,"file":"BentoGrid.mjs","names":[],"sources":["../../../src/awesome/BentoGrid/BentoGrid.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type CSSProperties, memo } from 'react';\n\nimport { styles } from './style';\nimport type { BentoGridProps } from './type';\n\nconst BentoGrid = memo<BentoGridProps>(\n ({ className, columns = 4, rowHeight = 120, style, ...rest }) => (\n <div\n className={cx(styles.grid, className)}\n style={\n {\n '--bento-columns': columns,\n '--bento-row-height': `${rowHeight}px`,\n ...style,\n } as CSSProperties\n }\n {...rest}\n />\n ),\n);\n\nBentoGrid.displayName = 'BentoGrid';\n\nexport default BentoGrid;\n"],"mappings":";;;;;;AAQA,MAAM,YAAY,MACf,EAAE,WAAW,UAAU,GAAG,YAAY,KAAK,OAAO,GAAG,WACpD,oBAAC,OAAD;CACE,WAAW,GAAG,OAAO,MAAM,SAAS;CACpC,OACE;EACE,mBAAmB;EACnB,sBAAsB,GAAG,UAAU;EACnC,GAAG;CACL;CAEF,GAAI;AACL,CAAA,CAEL;AAEA,UAAU,cAAc"}