import * as React from "react";

interface MDTypographyProps {
  /**
   * Color of the typography.
   * @default "dark"
   */
  color?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "error" | "light" | "dark" | "text" | "white";

  /**
   * Font weight of the typography.
   * @default false
   */
  fontWeight?: false | "light" | "regular" | "medium" | "bold";

  /**
   * Text transform of the typography.
   * @default "none"
   */
  textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";

  /**
   * Vertical alignment of the typography.
   * @default "unset"
   */
  verticalAlign?: "unset" | "baseline" | "sub" | "super" | "text-top" | "text-bottom" | "middle" | "top" | "bottom";

  /**
   * Whether the text should have a gradient effect.
   * @default false
   */
  textGradient?: boolean;

  /**
   * Opacity of the typography.
   * @default 1
   */
  opacity?: number;

  /**
   * The content of the typography.
   */
  children: React.ReactNode;

  /**
   * Additional props passed to the root element.
   */
  [key: string]: any;
}

/**
 * MDTypography is a customizable typography component with support for colors, font weights, text transforms, and more.
 */
declare const MDTypography: React.ForwardRefExoticComponent<
  MDTypographyProps & React.RefAttributes<HTMLSpanElement>
>;

export default MDTypography;