import React from "react";
import { type VariantProps } from "class-variance-authority";
import { text } from "./Text.styles";
import { MotionProps } from "framer-motion";

type HTMLAndMotionProps = React.HTMLAttributes<HTMLElement> & MotionProps;

export interface TextProps
  extends HTMLAndMotionProps,
    VariantProps<typeof text> {
  text?: string;
  link?: {
    text?: string;
    href?: string;
    linkType?: string;
    target?: string;
  };
  rich?: boolean;
  htag?: string;
  motion?: boolean;
}

export type TextVars = (
  variant: TextProps["variant"],
  textStyle: TextProps["textStyle"],
  isLink: boolean,
  className: TextProps["className"],
) => Record<any, any>;