import type { Meta, StoryObj } from "@storybook/react";
import { ToolbarButtons } from "@appsmith/wds";
/**
 * The `ToolbarButtons` is a group of buttons that are visually connected together.
 * The `MenuItem` accepts the same props as the `Button` except `variant` and `color`.
 * More information about `Button` props you can find [here](?path=/docs/design-system-widgets-button--docs).
 */
declare const meta: Meta<typeof ToolbarButtons>;
export default meta;
type Story = StoryObj<typeof ToolbarButtons>;
export declare const Main: Story;
/**
 * There are 3 variants of the ToolbarButtons component.
 */
export declare const Variants: Story;
/**
 * The `ToolbarButtons` component has 3 visual style variants and 5 semantic color options
 */
export declare const Semantic: Story;
/**
 * The component supports two sizes `small` and `medium`. Default size is `medium`.
 */
export declare const Sizes: Story;
/**
 * The `ToolbarButtons` can be aligned to the start, or end. By default, it is aligned to the start.
 */
export declare const Alignment: Story;
/**
 * The `ToolbarButtons` can be `compact` or `regular`. By default, it is regular.
 */
export declare const Density: Story;
/**
 * The `ToolbarButtons` can be collapsed. When collpaised, the `ToolbarButtons` will show items based on the width available. The rest of the items will be shown under a dropdown
 * menu.
 */
export declare const Overflow: Story;
/**
 *  The items can be disabled by passing `disabledKeys` or `isDisabled` in the item configuration.
 *  Also, all items can be disabled by passing `isDisabled` to `ToolbarButtons` component.
 */
export declare const Disabled: Story;
export declare const WithIcons: Story;