import { ReactNode, Ref, ElementType } from 'react'; import { Color } from '../types.js'; import { ButtonSize } from './Button.js'; import { SurfaceProps, SurfaceVariant } from './Surface.js'; interface ToolbarOwnProps { /** Toolbar items - typically `ToolbarButton` and `ToolbarSeparator`. */ children?: ReactNode; /** Extra classes for the toolbar surface root. */ className?: string; /** Extra classes for the inner `SurfaceContent` wrapper (where toolbar items are laid out). */ contentClassName?: string; /** * Pill-shape the toolbar container (`rounded-full`). Default `true`. * * Also forwarded via context as the default `rounded` for child `ToolbarButton`s. */ rounded?: boolean; /** Toolbar button size. Default `'md'`. Forwarded via context to child `ToolbarButton`s. */ size?: ButtonSize; /** Polymorphic root element. Defaults to `'div'`. */ as?: C; /** Accent color token. Sets the toolbar's `cladd-color-{name}` class. */ color?: Color; /** Forwarded to the polymorphic root element. */ ref?: Ref; /** Surface variant for the toolbar **container**. Default `'gradient'`. */ variant?: SurfaceVariant; /** Outline ring on the toolbar **container**. Default `true`. */ outline?: boolean; /** * Surface variant applied to child `ToolbarButton`s through context. * * Default `'transparent'` - buttons fade into the toolbar surface until hovered. */ buttonVariant?: SurfaceVariant; /** Outline ring on child `ToolbarButton`s. Default `false`. */ buttonOutline?: boolean; /** Forwarded to the underlying `Surface` as `level` - see `SurfaceProps.level`. */ surfaceLevel?: number | string; } export type ToolbarProps = ToolbarOwnProps & Omit, keyof ToolbarOwnProps>; /** Shape of `Toolbar` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */ export type ToolbarDefaultProps = Partial>; export declare const Toolbar: (props: ToolbarProps) => import("react/jsx-runtime").JSX.Element; export {}; //# sourceMappingURL=Toolbar.d.ts.map