import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";

export type TextVariant =
  | "heading1"
  | "heading2"
  | "heading3"
  | "heading4"
  | "heading5"
  | "heading6"
  | "subheading1"
  | "subheading2"
  | "subheading3"
  | "subheading4"
  | "subheading5"
  | "subheading6"
  | "body1"
  | "body2"
  | "body3"
  | "footnote"
  | "micro"
  | "label1"
  | "label2"
  | "label3"
  | "label4"
  | "error"
  | "unstyled";
export type TextWeight =
  | "thin"
  | "normal"
  | "medium"
  | "semibold"
  | "bold"
  | "extrabold"
  | "black"
  | undefined;
export interface TextProps extends HTMLAttributes<HTMLElement> {
  /** Content to render inside the text element */
  children?: ReactNode;
  /** Custom HTML element to render as */
  as?: keyof import("react").JSX.IntrinsicElements;
  /** Custom className for the text */
  className?: string;
  /** Custom styles */
  style?: CSSProperties;
}