import { css } from "styled-components";

export const createResponsiveFont = (fontSizes: { [key: string]: string }) => {
  return css`
    ${Object.keys(fontSizes).map((breakpoint) => {
      return css`
        @media (max-width: ${breakpoint}) {
          font-size: ${fontSizes[breakpoint]};
        }
      `;
    })}
  `;
};