@totalsoft/rocket-ui/src/components/dataDisplay/Typography/types.ts

A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.

// Copyright (c) TotalSoft.
// This source code is licensed under the MIT license.
import { TypographyProps as MuiTypographyProps } from '@mui/material'

/**
 * The color of the text.
 */
export type TypographyColor =
  | 'initial'
  | 'inherit'
  | 'primary'
  | 'secondary'
  | 'textPrimary'
  | 'textSecondary'
  | 'error'
  | string

/**
 * Controls the text emphasis. Different font styles can be used individually or in combination.
 */
export type Emphasis = 'bold' | 'italic' | 'underline' | 'line-through' | 'overline'

export interface TypographyProps extends MuiTypographyProps {
  /**
   * The color of the text
   */
  color?: TypographyColor
  /**
   * If provided, a text will appear on hover.
   */
  tooltip?: React.ReactNode
  /**
   * Controls the text emphasis. Different font styles can be used individually or in combination
   */
  emphasis?: Emphasis | Emphasis[]
}