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