# All files / src/GroupSelect GroupSelect.styles.ts

100% Statements 6/6
50% Branches 3/6
100% Functions 1/1
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    217x
    7x
    7x

    7x

    12x
    12x

     import styled, { css } from 'styled-components'
    import { MultiSelect } from '../MultiSelect/MultiSelect'
    import { colors } from '../_styles/colors'

    export const StyledGroupSelectOption = styled(MultiSelect.Option)<{
      disabled: boolean
    }>`
      ${({ disabled }) =>
        disabled &&
        css`
          color: ${colors.gray70};
          cursor: not-allowed;

          a,
          a:hover {
            color: ${colors.gray70};
            text-decoration: none;
          }
        `}
    `