mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 10:18:27 -04:00
22 lines
664 B
TypeScript
22 lines
664 B
TypeScript
import classNames from "classnames";
|
|
import type { ReactNode } from "react";
|
|
|
|
import styles from "./List.module.css";
|
|
|
|
type Props = {
|
|
children: ReactNode;
|
|
className?: string;
|
|
};
|
|
|
|
export const UnorderedList = ({ className, ...rest }: Props) => (
|
|
<ul className={classNames(styles.unordered, className)} {...rest} />
|
|
);
|
|
export const OrderedList = ({ className, ...rest }: Props) => (
|
|
<ol className={classNames(styles.ordered, className)} {...rest} />
|
|
);
|
|
|
|
// TODO: this is based on good faith that the children are all `<li>`s...
|
|
export const ListItem = ({ className, ...rest }: Props) => (
|
|
<li className={classNames(styles.item, className)} {...rest} />
|
|
);
|