import { footnoteVariants } from "./variants"

import type { FootnoteProps } from "./footnote"

export default function Footnote({
  children,
  className = "",
  color,
  textTransform,
}: FootnoteProps) {
  const classNames = footnoteVariants({
    className,
    color,
    textTransform,
  })
  return <p className={classNames}>{children}</p>
}