import { Meta, StoryObj } from '@storybook/react';
import { VowelMicrophone } from '../VowelMicrophone';
declare const meta: Meta<typeof VowelMicrophone>;
export default meta;
type Story = StoryObj<typeof VowelMicrophone>;
/**
 * Default size - disconnected state
 */
export declare const Default: Story;
/**
 * Small size
 */
export declare const Small: Story;
/**
 * Large size
 */
export declare const Large: Story;
/**
 * With status text displayed
 */
export declare const WithStatus: Story;
/**
 * Mock state stories - These show different visual states
 * Note: In a real app, these states come from the VowelProvider context
 */
/**
 * Disconnected state (gray)
 */
export declare const StateDisconnected: Story;
/**
 * Connecting state (spinner)
 */
export declare const StateConnecting: Story;
/**
 * Connected/Idle state (green)
 */
export declare const StateConnectedIdle: Story;
/**
 * User speaking state (blue)
 */
export declare const StateUserSpeaking: Story;
/**
 * AI thinking state (yellow)
 */
export declare const StateAIThinking: Story;
/**
 * AI speaking state (purple)
 */
export declare const StateAISpeaking: Story;
/**
 * All sizes comparison
 */
export declare const AllSizes: Story;
//# sourceMappingURL=VowelMicrophone.stories.d.ts.map