import { type Meta, type StoryObj } from '@storybook/react-vite';
import Avatar from '.';
declare const meta: Meta<typeof Avatar>;
export default meta;
type Story = StoryObj<typeof Avatar>;
/**
 * Playground story. Use the controls panel to explore every prop and combine
 * them freely.
 */
export declare const Playground: Story;
/**
 * Eight semantic colour variants intended for the *fallback* states (initials
 * and icon). Colours are not applied when a valid `src` is rendered.
 */
export declare const Colors: Story;
/**
 * Three avatar dimensions. Icon and initials are scaled accordingly to stay
 * legible at every size.
 */
export declare const Sizes: Story;
/**
 * Shape variants: `circular`, `rounded`, and `square`. The same shape is used
 * for the loading skeleton.
 */
export declare const Shapes: Story;
/**
 * Fallback hierarchy: `src` → `text` (initials) → `Icon`. When the image fails
 * to load (or is omitted) the avatar gracefully falls back through each level.
 */
export declare const Fallbacks: Story;
/**
 * Different Tabler icons can be used as the fallback content via the `Icon`
 * prop. Pair them with semantic colours to convey meaning.
 */
export declare const CustomIcons: Story;
/**
 * Disabled state. Reduces opacity and removes pointer events while keeping the
 * avatar visible.
 */
export declare const Disabled: Story;
/**
 * Loading state. Renders a Skeleton placeholder that matches the configured
 * size and shape variant.
 */
export declare const Loading: Story;
/**
 * Avatars with an attached badge. Badges automatically downgrade to the `dot`
 * variant for small avatars or when no `badgeContent` is provided.
 */
export declare const WithBadge: Story;
