@useloops/design-system
Version:
The official React based Loops design system
25 lines (22 loc) • 907 B
TypeScript
import { BoxProps, Theme } from '@mui/material';
import react__default from 'react';
import { GenericSizeMap } from 'systems/BrandCore';
import { TypographyProps } from '../Typography/Typography.js';
type ButtonSizing = Exclude<GenericSizeMap, 'none' | 'xxxl'>;
interface ExpandableTypographyClampProps extends Partial<TypographyProps> {
onShowMoreClick?: BoxProps['onClick'];
onShowLessClick?: BoxProps['onClick'];
disabled?: boolean;
dimmed?: boolean;
sizing?: ButtonSizing;
slotProps?: {
gradientBox?: {
background?: string | ((theme: Theme) => string);
} & BoxProps;
showMoreButton?: BoxProps;
showLessButton?: BoxProps;
};
}
declare const ExpandableTypographyClamp: react__default.FC<ExpandableTypographyClampProps>;
export { ExpandableTypographyClamp as default };
export type { ButtonSizing, ExpandableTypographyClampProps };