import type { Meta, StoryObj } from '@storybook/react';
import { BaseDrawer } from './base-drawer.js';
declare const meta: Meta<typeof BaseDrawer>;
export default meta;
type Story = StoryObj<typeof BaseDrawer>;
/** Default drawer with sm size, non-modal, children only. */
export declare const Default: Story;
/** Explicit sm size with inspector-style content. */
export declare const SmallSize: Story;
/** Medium size with content-rich review-style content. */
export declare const MediumSize: Story;
/** Modal drawer with overlay. */
export declare const Modal: Story;
/** Drawer with header slot containing DrawerTitle and DrawerDescription. */
export declare const WithHeader: Story;
/** Drawer with footer slot containing action buttons. */
export declare const WithFooter: Story;
/** Drawer with both header and footer slots populated. */
export declare const WithHeaderAndFooter: Story;
/** Drawer with deployTarget prop showing the dev server bar below the header. */
export declare const WithDevServerBar: Story;
/**
 * Drawer with content that exceeds viewport to demonstrate scroll behavior.
 *
 * **Fixed Header/Footer Layout:**
 * - The header (DrawerTitle + DrawerDescription) remains fixed at the top while scrolling
 * - A Separator is automatically rendered below the header — no need to add one manually
 * - The footer (if present, e.g., DrawerActionBar) remains fixed at the bottom while scrolling
 * - Only the content area (children) scrolls when drawer content exceeds available height
 *
 * **Spacing Conventions:**
 * - Content consumers should add `p-4` padding for consistent spacing (as shown in this example)
 * - Footer components like DrawerActionBar should use `border-t` for visual separation
 *
 * Try scrolling the content below to see the fixed header behavior.
 */
export declare const ScrollableContent: Story;
//# sourceMappingURL=base-drawer.stories.d.ts.map