@useloops/design-system/dist/systems/WebCore/Typography/Typography.d.ts

The official React based Loops design system

import * as react from 'react';
import { TypographyProps as TypographyProps$1, SxProps, Theme } from '@mui/material';

interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
    clamp?: number;
    component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
    type?: 'default' | 'button';
    variation?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
    weight?: 'default' | 'bold';
    monospaced?: boolean;
    disabled?: boolean;
    sx?: SxProps<Theme>;
    secondary?: boolean;
    textColor?: string;
}
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;

export { Typography as default };
export type { TypographyProps };