import {Meta, Typeset, Title, Subtitle} from '@storybook/blocks';
import {fontToPalette} from './utils/index';
import {
    sizes,
    weights,
} from '../components/common/atoms/typography/typography.style.tsx';

<Meta title='Documents/Typography' />

<Title>Typography</Title>
<Subtitle>Font and font-size and font-weight for Design System</Subtitle>

**Weights:** 100(hairline), 200(thin), 300(light), 400(regular), 500(medium), 600(bold), 700(heavy), 800(fat), 800(extra)

**Sizes:** 0.6rem(textXXS), 0.75rem(textXS), 0.875rem(textSM), 1rem(textMD), 1.125rem(textLG), 1.25rem(textXL), 1.5rem(displayXS), 1.875rem(displaySM), 2.25rem(displayMD), 3rem(displayLG), 3.75rem(displayXL), 4.5rem(display2XL)

**Font:** Inter, IRANYekan

---

{fontToPalette(sizes, weights, 'Inter')}

---

{fontToPalette(sizes, weights, 'IRANYekanFaNum', 'این یک متن تست است')}