import { Meta, Typeset } from '@storybook/addon-docs/blocks';

<Meta title="Design Tokens/02. Typography" />

# Typography

## Inter

<Typeset
  fontSizes={[
    Number(12),
    Number(14),
    Number(16),
    Number(20),
    Number(24),
    Number(28),
    Number(32),
    Number(40),
    Number(48),
  ]}
  fontWeight={500}
  sampleText={'Over the horizon comes the break of dawn.'}
  fontFamily={'Inter'}
/>

## Poppins

<Typeset
  fontSizes={[
    Number(12),
    Number(14),
    Number(16),
    Number(20),
    Number(24),
    Number(28),
    Number(32),
    Number(40),
    Number(48),
  ]}
  fontWeight={500}
  sampleText={'Over the horizon comes the break of dawn.'}
  fontFamily={'Poppins'}
/>
