{"version":3,"file":"OperationsEditorRow.cjs","sources":["../../../../src/querybuilder/shared/OperationsEditorRow.tsx"],"sourcesContent":["// Core Grafana history https://github.com/grafana/grafana/blob/v11.0.0-preview/public/app/plugins/datasource/prometheus/querybuilder/shared/OperationsEditorRow.tsx\nimport { css } from '@emotion/css';\nimport * as React from 'react';\n\nimport { type GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Stack } from '@grafana/ui';\n\ninterface Props {\n  operationsLength: number;\n  children: React.ReactNode;\n}\n\nexport function OperationsEditorRow({ operationsLength, children }: Props) {\n  const styles = useStyles2(getStyles, operationsLength);\n\n  return (\n    <div className={styles.root}>\n      <Stack gap={1}>{children}</Stack>\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2, operationsLength: number) => {\n  return {\n    root: css({\n      padding: theme.spacing(1, 1, operationsLength ? 1 : 0, 1),\n      backgroundColor: theme.colors.background.secondary,\n      borderRadius: theme.shape.radius.default,\n    }),\n  };\n};\n"],"names":["useStyles2","jsx","Stack","css"],"mappings":";;;;;;;;;AAYO,SAAS,mBAAA,CAAoB,EAAE,gBAAA,EAAkB,QAAA,EAAS,EAAU;AACzE,EAAA,MAAM,MAAA,GAASA,aAAA,CAAW,SAAA,EAAW,gBAAgB,CAAA;AAErD,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EACrB,yCAACC,QAAA,EAAA,EAAM,GAAA,EAAK,CAAA,EAAI,QAAA,EAAS,CAAA,EAC3B,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,EAAsB,gBAAA,KAA6B;AACpE,EAAA,OAAO;AAAA,IACL,MAAMC,OAAA,CAAI;AAAA,MACR,OAAA,EAAS,MAAM,OAAA,CAAQ,CAAA,EAAG,GAAG,gBAAA,GAAmB,CAAA,GAAI,GAAG,CAAC,CAAA;AAAA,MACxD,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,UAAA,CAAW,SAAA;AAAA,MACzC,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO;AAAA,KAClC;AAAA,GACH;AACF,CAAA;;;;"}