/** @jsx jsx */ import { jsx, Theme } from "theme-ui" import Table from "./table" import theme from "../theme" type FontWeightProps = { fontWeights?: Theme["fontWeights"] previewText?: string } const FontWeight = ({ fontWeights = undefined, previewText = `The quick brown fox jumps over the lazy dog`, }: FontWeightProps) => ( div > div:nth-of-type(2)": { display: [`none`, `block`], }, ...theme.typography.fontWeight, }} > {fontWeights ? ( Object.entries(fontWeights).map(([key, value]) => (
{key}
{/* @ts-ignore */}
{value}
{previewText}
)) ) : (
No fontWeights defined
)}
) export default FontWeight