Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | 42080x 57453x 57453x | import type React from "react";
import { ARIA_LEVEL, ROLE, textVariants } from "~components/text.base";
import type { TextVariant } from "~components/text.base";
import { cn } from "~components/utils";
export type MaybeText = string | number | undefined;
export type Props = {
className?: string;
children?: MaybeText | MaybeText[];
variant?: TextVariant;
testID?: string;
};
export const Text: React.FC<Props> = ({
className,
variant = "span",
testID,
children,
}) => {
const Variant = variant;
return (
<Variant
className={cn(textVariants().base({ variant, className }))}
data-testid={testID}
role={ROLE[variant]}
aria-level={ARIA_LEVEL[variant]}
>
{children}
</Variant>
);
};
|