import React from 'react'; import type { ToolbarSectionRightProps, ToolbarSectionLeft } from '../section'; export declare const ToolbarContainerElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLDivElement>, never>> & string; export type BaseToolbarContainerProps = { /** Content of toolbar */ children: React.ReactNode; /** a11y: describe what the toolbar is controlling (e.g. "Boards tool") */ 'aria-label'?: string; } & Omit, 'children' | 'aria-label'>; export declare const BaseToolbarContainer: React.ForwardRefExoticComponent<{ /** Content of toolbar */ children: React.ReactNode; /** a11y: describe what the toolbar is controlling (e.g. "Boards tool") */ 'aria-label'?: string; } & Omit, HTMLDivElement>, "ref">, "children" | "aria-label"> & React.RefAttributes>; export type ToolbarProps = { /** Toolbar-compatible children (the ones exported from this library). If mixing with custom elements, make sure they use display: flex */ children: React.ReactElement> | [ React.ReactElement>, React.ReactElement ]; /** class name to support styling */ className?: string; /** a11y: aria-label on wrapping element using role="toolbar" */ label: string; }; /** * * `import { Toolbar } from '@planview/pv-toolbar'` * * This is a strict implementation of the [Toolbar from the Planview Design system](https://design.planview.com/components/toolbar/toolbar). The component adopts the [WAI-ARIA toolbar pattern](https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/) implementing roving tabindex and enforces certain design-system specific patterns. */ export declare const Toolbar: React.MemoExoticComponent<({ children, className, label }: ToolbarProps) => React.JSX.Element>; //# sourceMappingURL=toolbar.d.ts.map