{"version":3,"file":"EmptyStateIndicator.cjs","names":["factory","useProps","useEmptyStateContext","Box","classes"],"sources":["../../../../src/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useEmptyStateContext } from '../EmptyState.context';\nimport classes from '../EmptyState.module.css';\n\nexport type EmptyStateIndicatorStylesNames = 'indicator';\n\nexport interface EmptyStateIndicatorProps\n  extends BoxProps, CompoundStylesApiProps<EmptyStateIndicatorFactory>, ElementProps<'div'> {\n  /** Icon or illustration displayed inside the indicator */\n  children?: React.ReactNode;\n}\n\nexport type EmptyStateIndicatorFactory = Factory<{\n  props: EmptyStateIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: EmptyStateIndicatorStylesNames;\n  compound: true;\n}>;\n\nexport const EmptyStateIndicator = factory<EmptyStateIndicatorFactory>((_props) => {\n  const props = useProps('EmptyStateIndicator', null, _props);\n  const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n  const ctx = useEmptyStateContext();\n\n  return (\n    <Box\n      mod={[{ 'with-background': ctx.withIndicatorBackground }, mod]}\n      {...ctx.getStyles('indicator', { className, style, classNames, styles })}\n      {...others}\n    >\n      {children}\n    </Box>\n  );\n});\n\nEmptyStateIndicator.classes = classes;\nEmptyStateIndicator.displayName = '@mantine/core/EmptyStateIndicator';\n"],"mappings":";;;;;;;;AA2BA,MAAa,sBAAsBA,gBAAAA,SAAqC,WAAW;CAEjF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxDC,kBAAAA,SAAS,uBAAuB,MAAM,MACiC;CAErF,MAAM,MAAMC,2BAAAA,qBAAqB;CAEjC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,KAAK,CAAC,EAAE,mBAAmB,IAAI,wBAAwB,GAAG,GAAG;EAC7D,GAAI,IAAI,UAAU,aAAa;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACvE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,oBAAoB,UAAUC,0BAAAA;AAC9B,oBAAoB,cAAc"}