{"version":3,"file":"MultiValue.cjs","sources":["../../../../src/components/Select/MultiValue.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { JSX } from 'react';\n\nimport { t } from '@grafana/i18n';\n\nimport { useTheme2 } from '../../themes/ThemeContext';\nimport { IconButton, Props as IconButtonProps } from '../IconButton/IconButton';\n\nimport { getSelectStyles } from './getSelectStyles';\n\ninterface MultiValueContainerProps {\n  innerProps: JSX.IntrinsicElements['div'];\n}\n\nexport const MultiValueContainer = ({ innerProps, children }: React.PropsWithChildren<MultiValueContainerProps>) => {\n  const theme = useTheme2();\n  const styles = getSelectStyles(theme);\n\n  return (\n    <div {...innerProps} className={styles.multiValueContainer}>\n      {children}\n    </div>\n  );\n};\n\nexport type MultiValueRemoveProps = {\n  innerProps: IconButtonProps;\n};\n\nexport const MultiValueRemove = ({ children, innerProps }: React.PropsWithChildren<MultiValueRemoveProps>) => {\n  const theme = useTheme2();\n  const styles = getSelectStyles(theme);\n  return (\n    <IconButton\n      {...innerProps}\n      name=\"times\"\n      size=\"sm\"\n      className={styles.multiValueRemove}\n      tooltip={t('grafana-ui.select.multi-value-remove', 'Remove')}\n    />\n  );\n};\n"],"names":["useTheme2","getSelectStyles","jsx","IconButton","t"],"mappings":";;;;;;;;;;;AAcO,MAAM,mBAAA,GAAsB,CAAC,EAAE,UAAA,EAAY,UAAS,KAAyD;AAClH,EAAA,MAAM,QAAQA,sBAAA,EAAU;AACxB,EAAA,MAAM,MAAA,GAASC,gCAAgB,KAAK,CAAA;AAEpC,EAAA,sCACG,KAAA,EAAA,EAAK,GAAG,YAAY,SAAA,EAAW,MAAA,CAAO,qBACpC,QAAA,EACH,CAAA;AAEJ;AAMO,MAAM,gBAAA,GAAmB,CAAC,EAAE,QAAA,EAAU,YAAW,KAAsD;AAC5G,EAAA,MAAM,QAAQD,sBAAA,EAAU;AACxB,EAAA,MAAM,MAAA,GAASC,gCAAgB,KAAK,CAAA;AACpC,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,IAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAK,IAAA;AAAA,MACL,WAAW,MAAA,CAAO,gBAAA;AAAA,MAClB,OAAA,EAASC,MAAA,CAAE,sCAAA,EAAwC,QAAQ;AAAA;AAAA,GAC7D;AAEJ;;;;;"}