import { Meta } from "@storybook/addon-docs";

import { fontWeights } from "tokens";

import { TokensGrid } from "../../components/TokensGrid";

<Meta title="Tokens/Font Weights" />

[![Font Weights Tokens](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-font-weights.svg)](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-font-weights.svg)

# Font Weights

Font weights are an essential aspect of typography that contribute to the visual hierarchy and emphasis of text within your user interface. The ds-tsm Design System provides a set of predefined font weights that can be easily applied to your project, ensuring consistent and effective typography.

<TokensGrid tokens={fontWeights} />