@accelint/design-toolkit
Version:
An open-source component library to serve as part of the entire ecosystem of UX for Accelint.
20 lines (17 loc) • 755 B
TypeScript
import { Avatar, Fallback, Image } from '@radix-ui/react-avatar';
import { ComponentPropsWithRef } from 'react';
import { VariantProps } from 'tailwind-variants';
import { AvatarStyles } from './styles.js';
import 'tailwind-merge';
type AvatarProps = Omit<ComponentPropsWithRef<'span'>, 'className'> & Omit<ComponentPropsWithRef<typeof Avatar>, 'className' | 'asChild'> & VariantProps<typeof AvatarStyles> & {
classNames?: {
avatar?: string;
image?: string;
fallback?: string;
content?: string;
};
fallbackProps?: Omit<ComponentPropsWithRef<typeof Fallback>, 'className'>;
imageProps?: Omit<ComponentPropsWithRef<typeof Image>, 'className'>;
size?: 'medium' | 'small';
};
export type { AvatarProps };