@lobehub/ui/es/awesome/GridBackground/GridShowcase.mjs.map

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

{"version":3,"file":"GridShowcase.mjs","names":["Flexbox","GridBackground"],"sources":["../../../src/awesome/GridBackground/GridShowcase.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport { rgba } from 'polished';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport GridBackground from './GridBackground';\nimport type { GridShowcaseProps } from './type';\n\nconst GridShowcase = memo<GridShowcaseProps>(\n  ({ style, children, backgroundColor = '#001dff', innerProps, ...rest }) => {\n    const theme = useTheme();\n\n    return (\n      <Flexbox style={{ position: 'relative', ...style }} {...rest}>\n        <GridBackground\n          animation\n          colorBack={rgba(theme.colorText, 0.12)}\n          colorFront={rgba(theme.colorText, 0.6)}\n          flip\n        />\n        <Flexbox align={'center'} {...innerProps} style={{ zIndex: 4, ...innerProps?.style }}>\n          {children}\n        </Flexbox>\n        <GridBackground\n          animation\n          backgroundColor={backgroundColor}\n          colorBack={rgba(theme.colorText, 0.24)}\n          colorFront={theme.colorText}\n          random\n          reverse\n          showBackground\n          style={{ zIndex: 0 }}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nGridShowcase.displayName = 'GridShowcase';\n\nexport default GridShowcase;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,eAAe,MAClB,EAAE,OAAO,UAAU,kBAAkB,WAAW,YAAY,GAAG,WAAW;CACzE,MAAM,QAAQ,UAAU;AAExB,QACE,qBAACA;EAAQ,OAAO;GAAE,UAAU;GAAY,GAAG;GAAO;EAAE,GAAI;;GACtD,oBAACC;IACC;IACA,WAAW,KAAK,MAAM,WAAW,IAAK;IACtC,YAAY,KAAK,MAAM,WAAW,GAAI;IACtC;KACA;GACF,oBAACD;IAAQ,OAAO;IAAU,GAAI;IAAY,OAAO;KAAE,QAAQ;KAAG,GAAG,YAAY;KAAO;IACjF;KACO;GACV,oBAACC;IACC;IACiB;IACjB,WAAW,KAAK,MAAM,WAAW,IAAK;IACtC,YAAY,MAAM;IAClB;IACA;IACA;IACA,OAAO,EAAE,QAAQ,GAAG;KACpB;;GACM;EAGf;AAED,aAAa,cAAc;AAE3B,2BAAe"}