import { BoxProps } from '@mui/material'; import { AnimationProps } from 'framer-motion'; import { PropsWithChildren } from 'react'; export type ChipVariant = 'text' | 'circular' | 'pill-icon'; export type ChipProps = PropsWithChildren<{ variant?: ChipVariant; icon?: React.ReactDOM | React.ReactElement | null; } & BoxProps>; export type GroupIconChipProps = PropsWithChildren<{ order: number; getSourceAnimation?: GetSourceAnimationFunction; sourceCount?: number; expandDirection?: GetSourceAnimationParams['expandDirection']; }>; export type GroupIconChipsProps = PropsWithChildren<{ className?: string; getSourceAnimation?: GetSourceAnimationFunction; expandDirection?: GetSourceAnimationParams['expandDirection']; }>; export type GetSourceAnimationParams = { index: number; shadow: string; xDelta?: number; itemsCount?: number; expandDirection?: 'LEFT' | 'RIGHT'; }; export type GetSourceAnimationFunction = (param: GetSourceAnimationParams) => AnimationProps['variants'];