import classNames from "classnames" ; export function ListItem ( props ) { return < li className = "mb-4 ml-4 mt-2" { ... props } />; } interface ListProps { className : string ; as : "ul" | "ol" ; } function List ( { className , as : As , ... props } ) { const classes = classNames ( "mb-4 dark:text-text-dark text-text-light list-inside" , className ) ; return < As className = { classes } { ... props } />; } export function UnorderedList ( props ) { return < List as = "ul" className = "list-disc" { ... props } />; } export function OrderedList ( props ) { return < List as = "ol" className = "list-decimal" { ... props } />; }