import { MarginEnum } from "@progress/kendo-react-common";

export interface TypographyProps {
  dataTestId?: string;
  children?: React.ReactNode;
  className?: string;
  fontSize?: "small" | "medium" | "large" | "xsmall" | "xlarge";
  fontWeight?: "bold" | "normal" | "light";
  id?: string;
  margin?:
    | MarginEnum
    | {
        top?: MarginEnum;
        bottom?: MarginEnum;
        left?: MarginEnum;
        right?: MarginEnum;
      };
  style?: React.CSSProperties;
  textAlign?: "center" | "left" | "right" | "justify";
  textTransform?: "capitalize" | "lowercase" | "uppercase";
  themeColor?:
    | "error"
    | "inverse"
    | "inherit"
    | "success"
    | "dark"
    | "light"
    | "primary"
    | "secondary"
    | "tertiary"
    | "info"
    | "warning";
}