import { type StoryObj } from "@storybook/react-vite"; import RangeTriggerIconDocumentation from "./RangeTriggerIcon.docs.mdx"; declare const meta: { title: string; component: import("react").FC; args: { shape: "upper"; disabled: false; }; argTypes: { shape: { control: "inline-radio"; options: readonly ["upper", "lower", "middle", "full", "exact"]; }; color: { control: "select"; options: readonly ["alerts-high-salmon", "alerts-high-crimson", "alerts-high-red", "alerts-medium-sun", "alerts-medium-oak", "alerts-medium-amber", "alerts-low-mint", "alerts-low-leaf", "alerts-low-green", "alerts-neutral-fog", "alerts-neutral-neutral", "alerts-neutral-graphite"]; }; }; parameters: { design: { type: string; url: string; }; docs: { page: typeof RangeTriggerIconDocumentation; }; }; }; export default meta; type Story = StoryObj; export declare const Default: Story; /** * Every variant from the Figma component set, in its default and disabled * state. */ export declare const FigmaVariants: Story; /** * Shape and colour are separate props, so every shape works in every colour, * including combinations the Figma component set doesn't show. */ export declare const AllShapesAndColors: Story; /** * The alert colours of each priority. Use the `shape` control to see them in * another shape. */ export declare const ColorsByPriority: Story; export declare const Disabled: Story; /** * The track is grey, not blue, so the icons keep their contrast on the * background of a selected `LabeledRadioCard`. */ export declare const OnSelectedBackground: Story; /** * Give the icon an accessible name (`aria-label` or `aria-labelledby`) when it * conveys information that isn't available elsewhere. It's then exposed as an * image with that name. */ export declare const WithAccessibleName: Story; export declare const WithAccessibleNameFromLabelledBy: Story;