{"version":3,"sources":["jsdelivr-header.js","/npm/@contentful/f36-usage-card@5.9.0/src/UsageCardHeader/UsageCardHeader.styles.ts","/npm/@contentful/f36-usage-card@5.9.0/src/UsageCardHeader/UsageCardHeader.tsx"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,aCUY,IAAA,EAAA,QAAA,SAAA,QAAA,QAAA,wBAAA,QAAA,QAAA,WAMZ,EChBA,QAAS,0B","file":"/npm/@contentful/f36-usage-card@5.9.0/dist/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/@contentful/f36-usage-card@5.9.0/dist/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const getUsageCardHeaderStyles = () => ({\n  usageCardHeader: (tooltip?: string | React.ReactElement) =>\n    css({\n      width: '100%',\n      ...(tooltip && {\n        display: 'flex',\n        alignItems: 'center',\n        gap: tokens.spacing2Xs,\n      }),\n    }),\n  tooltip: css({\n    minWidth: 'max-content',\n  }),\n  infoIcon: css`\n    span & {\n      display: flex;\n      alignitems: center;\n    }\n  `,\n});\n","import React, { forwardRef, type HTMLAttributes, type Ref } from 'react';\nimport { cx } from 'emotion';\nimport { Tooltip } from '@contentful/f36-tooltip';\nimport { type CommonProps } from '@contentful/f36-core';\nimport { Subheading } from '@contentful/f36-typography';\nimport { getUsageCardHeaderStyles } from './UsageCardHeader.styles';\nimport { InfoIcon } from '@contentful/f36-icons';\n\nexport type UsageCardHeaderProps = {\n  children?: React.ReactNode;\n  title?: string;\n  tooltip?: string | React.ReactElement;\n} & CommonProps &\n  HTMLAttributes<HTMLDivElement>;\n\nfunction _UsageCardHeader(\n  props: UsageCardHeaderProps,\n  ref: Ref<HTMLDivElement>,\n) {\n  const {\n    children,\n    title,\n    tooltip,\n    className,\n    testId = 'cf-ui-usage-card-header',\n    ...otherProps\n  } = props;\n  const styles = getUsageCardHeaderStyles();\n\n  return (\n    <Subheading\n      {...otherProps}\n      ref={ref}\n      className={cx(styles.usageCardHeader(tooltip), className)}\n      testId={testId}\n    >\n      {title}\n      {tooltip && (\n        <Tooltip content={tooltip} className={styles.tooltip} placement=\"top\">\n          <InfoIcon className={styles.infoIcon} size=\"medium\" />\n        </Tooltip>\n      )}\n\n      {children}\n    </Subheading>\n  );\n}\n\nexport const UsageCardHeader = forwardRef(_UsageCardHeader);\n"]}