{"version":3,"file":"ModalTabContent.cjs","sources":["../../../../src/components/Modal/ModalTabContent.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport * as React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\nimport { IconName } from '../../types/icon';\n\ninterface Props {\n  /** @deprecated */\n  icon?: IconName;\n  /** @deprecated */\n  iconClass?: string;\n}\n\n/** @internal */\nexport const ModalTabContent = ({ children }: React.PropsWithChildren<Props>) => {\n  const styles = useStyles2(getStyles);\n\n  return (\n    <div>\n      <div className={styles.header}>\n        <div className={styles.content}>{children}</div>\n      </div>\n    </div>\n  );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  header: css({\n    display: 'flex',\n    margin: theme.spacing(0, 0, 3, 0),\n  }),\n  content: css({\n    flexGrow: 1,\n  }),\n});\n"],"names":["useStyles2","jsx","css"],"mappings":";;;;;;;;;AAgBO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAAsC;AAC/E,EAAA,MAAM,MAAA,GAASA,wBAAW,SAAS,CAAA;AAEnC,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,MAAA,EACrB,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EAAU,QAAA,EAAS,GAC5C,CAAA,EACF,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,MAA0B;AAAA,EAC3C,QAAQC,OAAA,CAAI;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,QAAQ,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC;AAAA,GACjC,CAAA;AAAA,EACD,SAASA,OAAA,CAAI;AAAA,IACX,QAAA,EAAU;AAAA,GACX;AACH,CAAA,CAAA;;;;"}