@cerberus-design/react
Version:
The Cerberus Design React component library.
20 lines (19 loc) • 1.28 kB
TypeScript
import { Avatar, AvatarFallbackProps as ArkAvatarFallbackProps, AvatarImageProps as ArkAvatarImageProps, AvatarRootProps as ArkAvatarRootProps } from '@ark-ui/react/avatar';
import { AvatarVariantProps } from 'styled-system/recipes';
import { CerberusPrimitiveProps } from '../../system/index';
import { ForwardRefExoticComponent, RefAttributes } from 'react';
/**
* The root component of the Avatar.
*/
export declare const AvatarRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
export type AvatarRootProps = CerberusPrimitiveProps<ArkAvatarRootProps & AvatarVariantProps>;
/**
* The image component of the Avatar.
*/
export declare const AvatarImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.ImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<unknown>>;
export type AvatarImageProps = CerberusPrimitiveProps<ArkAvatarImageProps>;
/**
* The fallback component of the Avatar.
*/
export declare const AvatarFallback: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.FallbackProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<unknown>>;
export type AvatarFallbackProps = CerberusPrimitiveProps<ArkAvatarFallbackProps>;