{"version":3,"file":"PanelContainer.mjs","sources":["../../../../src/components/PanelContainer/PanelContainer.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport { DetailedHTMLProps, HTMLAttributes } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes';\n\ntype Props = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n\nexport const PanelContainer = ({ children, className, ...props }: Props) => {\n  const styles = useStyles2(getStyles);\n  return (\n    <div className={cx(styles, className)} {...props}>\n      {children}\n    </div>\n  );\n};\n\nconst getStyles = (theme: GrafanaTheme2) =>\n  css({\n    backgroundColor: theme.components.panel.background,\n    border: `1px solid ${theme.components.panel.borderColor}`,\n    borderRadius: theme.shape.radius.default,\n  });\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAW,EAAA,GAAG,OAAmB,KAAA;AAC1E,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AACnC,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,EAAA,CAAG,QAAQ,SAAS,CAAA,EAAI,GAAG,KAAA,EACxC,QACH,EAAA,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KACjB,GAAI,CAAA;AAAA,EACF,eAAA,EAAiB,KAAM,CAAA,UAAA,CAAW,KAAM,CAAA,UAAA;AAAA,EACxC,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,UAAA,CAAW,MAAM,WAAW,CAAA,CAAA;AAAA,EACvD,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,MAAO,CAAA;AACnC,CAAC,CAAA;;;;"}