import type { Meta, StoryObj } from '@storybook/react';
import { Button } from './button.js';
/**
 * A flexible button component built with Radix UI Slot and class-variance-authority for consistent styling.
 * Perfect for forms, dialogs, navigation, and interactive elements throughout your application.
 *
 * ## Accessibility
 *
 * - Automatically includes proper focus management and keyboard navigation
 * - Use `aria-label` for icon-only buttons to provide screen reader context
 * - `disabled` state prevents interaction and is announced to assistive technology
 * - Focus-visible styles ensure keyboard navigation is clear
 *
 * ## Customization
 *
 * The component uses Tailwind CSS classes and can be customized via:
 * - `className` prop for additional styling
 * - CSS custom properties for theme-level changes
 * - Variant and size props for pre-defined styles
 */
declare const meta: Meta<typeof Button>;
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Default: Story;
export declare const Disabled: Story;
export declare const WithIcon: Story;
export declare const IconTrailing: Story;
export declare const Loading: Story;
export declare const AsChild: Story;
export declare const AllVariants: Story;
export declare const AllSizes: Story;
//# sourceMappingURL=button.stories.d.ts.map