import { type StoryObj } from "@storybook/react-vite";
import AlertIconDocumentation from "./AlertIcon.docs.mdx";
declare const meta: {
    title: string;
    component: import("react").FC<import("../src").AlertIconProps>;
    args: {
        color: "crimson";
        size: "m";
    };
    argTypes: {
        color: {
            control: "select";
            options: ("neutral" | "red" | "green" | "amber" | "crimson" | "salmon" | "sun" | "oak" | "mint" | "leaf" | "fog" | "graphite")[];
        };
        size: {
            control: "inline-radio";
            options: string[];
        };
    };
    parameters: {
        design: {
            type: string;
            url: string;
        };
        docs: {
            page: typeof AlertIconDocumentation;
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Default: Story;
/**
 * Every colour, grouped by the priority it belongs to, in the order of the
 * alert-icons component set in Figma.
 */
export declare const AllPrioritiesAndColors: Story;
/**
 * `size="s"` is 20 x 20px, for icons next to text with a 20px line height.
 */
export declare const Small: Story;
/**
 * Give the icon an accessible name (`aria-label` or `aria-labelledby`) when
 * the alert's priority isn't shown as text elsewhere. It's then exposed as an
 * image with that name.
 */
export declare const WithAccessibleName: Story;
/**
 * Or point `aria-labelledby` at a visible text that names the priority.
 */
export declare const WithAccessibleNameFromLabelledBy: Story;