{"version":3,"file":"empty-state.cjs","sources":["../../../components/empty-state/empty-state.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { ComponentProps, ReactNode } from 'react';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport styles from './empty-state.module.css';\n\ntype classNameKeys =\n  | 'container'\n  | 'iconContainer'\n  | 'icon'\n  | 'heading'\n  | 'subHeading';\n\ninterface EmptyStateProps extends ComponentProps<typeof Flex> {\n  icon: ReactNode;\n  heading?: ReactNode;\n  subHeading?: ReactNode;\n  primaryAction?: ReactNode;\n  secondaryAction?: ReactNode;\n  /**\n   * @deprecated Every key has an equivalent `[data-slot]`: `container` ->\n   * `[data-slot=\"empty-state\"]`, `iconContainer` ->\n   * `[data-slot=\"empty-state-icon-container\"]`, `icon` ->\n   * `[data-slot=\"empty-state-icon\"]`, `heading` ->\n   * `[data-slot=\"empty-state-heading\"]`, `subHeading` ->\n   * `[data-slot=\"empty-state-subheading\"]`.\n   */\n  classNames?: Partial<Record<classNameKeys, string>>;\n  variant?: 'empty1' | 'empty2';\n}\n\nexport function EmptyState({\n  icon,\n  heading,\n  subHeading,\n  primaryAction,\n  secondaryAction,\n  classNames,\n  variant = 'empty1',\n  ...props\n}: EmptyStateProps) {\n  if (variant === 'empty2') {\n    return (\n      <Flex\n        align='center'\n        justify='center'\n        className={styles.emptyStatePage}\n        data-slot='empty-state'\n        {...props}\n      >\n        <Flex\n          direction='column'\n          align='start'\n          gap={5}\n          className={cx(styles.emptyStateContent, classNames?.container)}\n          data-slot='empty-state-content'\n        >\n          <div\n            className={cx(styles.iconContainer, classNames?.iconContainer)}\n            data-slot='empty-state-icon-container'\n          >\n            <div\n              className={cx(styles.icon, styles.iconLarge, classNames?.icon)}\n              data-slot='empty-state-icon'\n            >\n              {icon}\n            </div>\n          </div>\n\n          {heading && (\n            <Text\n              size='large'\n              weight='medium'\n              className={cx(styles.headerText, classNames?.heading)}\n              data-slot='empty-state-heading'\n            >\n              {heading}\n            </Text>\n          )}\n\n          {subHeading && (\n            <Text\n              size='regular'\n              weight='regular'\n              className={cx(styles.subHeaderText, classNames?.subHeading)}\n              data-slot='empty-state-subheading'\n            >\n              {subHeading}\n            </Text>\n          )}\n\n          <Flex gap={5} data-slot='empty-state-actions'>\n            {primaryAction}\n            {secondaryAction}\n          </Flex>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex\n      direction='column'\n      align='center'\n      gap={5}\n      className={cx(styles.emptyState, classNames?.container)}\n      data-slot='empty-state'\n      {...props}\n    >\n      <div\n        className={cx(styles.iconContainer, classNames?.iconContainer)}\n        data-slot='empty-state-icon-container'\n      >\n        <div\n          className={cx(styles.icon, classNames?.icon)}\n          data-slot='empty-state-icon'\n        >\n          {icon}\n        </div>\n      </div>\n\n      <Flex\n        direction='column'\n        gap={3}\n        align='center'\n        data-slot='empty-state-content'\n      >\n        {heading && (\n          <Text\n            size='large'\n            weight='medium'\n            className={cx(styles.headerText, classNames?.heading)}\n            data-slot='empty-state-heading'\n          >\n            {heading}\n          </Text>\n        )}\n\n        {subHeading && (\n          <Text\n            size='regular'\n            weight='regular'\n            className={cx(styles.subHeaderText, classNames?.subHeading)}\n            data-slot='empty-state-subheading'\n          >\n            {subHeading}\n          </Text>\n        )}\n      </Flex>\n\n      {primaryAction}\n\n      {secondaryAction}\n    </Flex>\n  );\n}\n\nEmptyState.displayName = 'EmptyState';\n"],"names":["_jsx","Flex","styles","_jsxs","cx","Text"],"mappings":"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"}