1import { GrafanaTheme2 } from '@grafana/data';
2import { css } from '@emotion/css';
3
4export const getReceiverFormFieldStyles = (theme: GrafanaTheme2) => ({
5  collapsibleSection: css`
6    margin: 0;
7    padding: 0;
8  `,
9  wrapper: css`
10    margin: ${theme.spacing(2, 0)};
11    padding: ${theme.spacing(1)};
12    border: solid 1px ${theme.colors.border.medium};
13    border-radius: ${theme.shape.borderRadius(1)};
14    position: relative;
15  `,
16  description: css`
17    color: ${theme.colors.text.secondary};
18    font-size: ${theme.typography.size.sm};
19    font-weight: ${theme.typography.fontWeightRegular};
20    margin: 0;
21  `,
22  deleteIcon: css`
23    position: absolute;
24    right: ${theme.spacing(1)};
25    top: ${theme.spacing(1)};
26  `,
27  addButton: css`
28    margin-top: ${theme.spacing(1)};
29  `,
30});
31