import styled, { css } from 'styled-components';

import { fontSize } from '@/styles/utilities';

import { IHeading } from './Heading.interface';

export const StyledHeading = styled.div<IHeading>`
  display: block;

  ${({ size }) => size && `
    ${fontSize(size)}
  `}

  & a {
    color: inherit
  }
`;