import { type StoryObj } from "@storybook/react-vite";
/**
 * This recipe demonstrates how to compose TableNew with Card
 * to create clean, well-organized data tables.
 *
 * This approach is useful for presenting tabular data with
 * professional styling and clear visual boundaries.
 */
declare const meta: {
    title: string;
    parameters: {
        layout: string;
        docs: {
            description: {
                component: string;
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
/**
 * Basic table wrapped in a Card with no padding.
 * The table extends to the edges of the card for a clean look.
 */
export declare const BasicTableInCard: Story;
/**
 * Table with a header section using Card.TopBar.
 * Shows how to add a title and action buttons above the table.
 */
export declare const TableWithHeader: Story;
/**
 * Table with action buttons in each row.
 * Demonstrates how to add interactive elements within table cells.
 */
export declare const TableWithRowActions: Story;
/**
 * Table with a footer section.
 * Shows how to add summary information or pagination below the table.
 */
export declare const TableWithFooter: Story;
/**
 * Multiple tables in separate cards.
 * Shows how to organize different datasets into distinct sections.
 */
export declare const MultipleTables: Story;
/**
 * Compact table with minimal styling.
 * Shows a simple table with screen-reader-only headers.
 */
export declare const CompactTable: Story;
/**
 * Table with clickable rows and hover indicator.
 * Shows how to make entire rows interactive with hover effects.
 */
export declare const ClickableRowsHoverIndicator: Story;