import { css } from 'styled-components';

export enum Font {
  EPILOGUE = 'Epilogue',
  GOTHAM = 'Gotham',
  INTER = 'Inter',
  POPPINS = 'Poppins',
}

export const fontGotham = (weight?: number) => css`
  font-weight: ${weight || 400};
  font-family: Gotham, sans-serif;
`;

export const fontPoppins = (weight?: number) => css`
  font-weight: ${weight || 400};
  font-family: Poppins, sans-serif;
`;

export const fontInter = (weight?: number) => css`
  font-weight: ${weight || 400};
  font-family: Inter, sans-serif;
`;

export const fontEpilogue = (weight?: number) => css`
  font-weight: ${weight || 400};
  font-family: Epilogue, sans-serif;
`;
