34 lines
698 B
TypeScript
34 lines
698 B
TypeScript
import { Slot } from "@radix-ui/react-slot"
|
|
|
|
import { footnoteFontOnlyVariants, footnoteVariants } from "./variants"
|
|
|
|
import type { FootnoteProps } from "./footnote"
|
|
|
|
export default function Footnote({
|
|
asChild = false,
|
|
className = "",
|
|
color,
|
|
fontOnly = false,
|
|
textAlign,
|
|
textTransform,
|
|
type,
|
|
...props
|
|
}: FootnoteProps) {
|
|
const Comp = asChild ? Slot : "p"
|
|
const classNames = fontOnly
|
|
? footnoteFontOnlyVariants({
|
|
className,
|
|
textAlign,
|
|
textTransform,
|
|
type,
|
|
})
|
|
: footnoteVariants({
|
|
className,
|
|
color,
|
|
textAlign,
|
|
textTransform,
|
|
type,
|
|
})
|
|
return <Comp className={classNames} {...props} />
|
|
}
|