weight?: "light" | "normal" | "semiBold" | "bold"
};
export default function Font({
className,
color,
component,
size,
uppercase,
weight,
...props
}: Props) {
const Component = component || "span";
const classes = classNames(
styles.font,
styles[color],
styles[size],
styles[weight],
uppercase && styles.uppercase,
className
);
return ;
}
Font.Text = (props: Props) => (
Component packages
components/Font/index.js