import { DetailedHTMLProps, HTMLAttributes, RefObject } from "react";
import {
  FontVersion,
  HeadingTypes,
  TextColorTokens,
  TextTag,
} from "../../../design-system/tokens";

export type HeadingLevels = Extract<TextTag, "h1" | "h2" | "h3" | "h4">;

export interface HeadingProps
  extends DetailedHTMLProps<
    HTMLAttributes<HTMLHeadingElement>,
    HTMLHeadingElement
  > {
  [key: string]: any;
  type?: keyof typeof HeadingTypes;
  color?: TextColorTokens;
  year?: FontVersion;
  klId?: string;
  ref?:
    | ((instance: HTMLHeadingElement | null) => void)
    | RefObject<HTMLHeadingElement>
    | null
    | undefined;
}