@useloops/design-system
Version:
The official React based Loops design system
38 lines (35 loc) • 1.53 kB
TypeScript
import * as react from 'react';
import { ComponentProps } from 'react';
import { SxProps, Theme } from '@mui/material';
import Icon from '../../BrandCore/Icon/Icon.js';
import { ButtonProps } from '../../WebCore/Button/Button.js';
import { ExpandableTypographyClampProps } from '../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js';
import { TypographyProps } from '../../WebCore/Typography/Typography.js';
import { MenuProps } from '../../WebCore/Menu/Menu.js';
import { SkeletonProps } from '../../WebCore/Skeleton/Skeleton.js';
type AISummaryProps = {
heading?: string;
body?: string;
bodyLineClamp?: number;
attribution?: string;
menuItems?: MenuProps['menuItems'];
onStartChatClick?: () => void;
onRetryClick?: () => void;
loading?: boolean;
loadingMessage?: string;
error?: boolean;
slotProps?: {
heading?: Omit<TypographyProps, 'children'>;
retry?: Omit<TypographyProps, 'onClick'>;
expandableTypographyClamp?: Omit<ExpandableTypographyClampProps, 'children'>;
attributionIcon?: Partial<ComponentProps<typeof Icon>>;
attribution?: Partial<Omit<TypographyProps, 'children'>>;
menu?: Omit<MenuProps, 'menuItems'>;
startChatButton?: Omit<ButtonProps, 'onClick'>;
skeleton?: SkeletonProps;
};
sx?: SxProps<Theme>;
};
declare const AISummary: react.ForwardRefExoticComponent<AISummaryProps & react.RefAttributes<HTMLDivElement>>;
export { AISummary as default };
export type { AISummaryProps };