// @flow
import { css } from 'styled-components';
import { getPaletteColor } from '../../../../mixins/branding';
import { getFontWeight } from '../../../../mixins/typography';

export const getSelectedStyles = ({ selected }: {| selected: boolean |}) =>
  selected
    ? css`
        color: ${getPaletteColor('brand-secondary-fg')};
        font-weight: ${getFontWeight({ bold: true })};
        border-bottom: 2px solid ${getPaletteColor('brand-secondary-fg')};
      `
    : '';
