import * as React from 'react';
export type ToolbarSectionRightProps = {
    /** content of the section  */
    children: React.ReactNode | React.ReactNode[];
    /** label for the more menu  */
    moreMenuLabel?: string;
};
export type ToolbarSectionWithMenuProps = ToolbarSectionRightProps;
/**
 * Implementation of the [Toolbar Right Section Specification](https://design.planview.com/components/toolbar/toolbar#right-section)
 *
 * This component has the ability to move buttons, dropdowns and button-groups inside a more menu depending on the overall width of the toolbar.
 *
 * _Note: This component was previously named `ToolbarSectionWithMenu`. It has been renamed to improve clarity._
 *
 * ### Responsive behavior with displayOn
 *
 * The `ToolbarSectionRight` component introduces the concept of `displayOn` to determine which buttons should collapse
 * into the more menu when adapting to smaller screens.
 *
 * - All buttons will move into the more menu based on their `displayOn` setting, and the current breakpoint.
 * Note: the breakpoint is based on the toolbar width, not the full page (if the toolbar is narrower than the page).
 *
 * ### Usage
 *
 * Even if you only need content on the right, you must supply a `ToolbarSectionLeft` to have the content render on the right:
 *
 * ```tsx
 * import { ToolbarContainer, ToolbarSectionLeft, ToolbarSectionRight } from '@planview/pv-toolbar'
 *
 * export const PageToolbar = () => (
 *     <ToolbarContainer>
 *         <ToolbarSectionLeft></ToolbarSectionLeft>
 *         <ToolbarSectionRight>
 *             ...
 *         </ToolbarSectionRight>
 *     </ToolbarContainer>
 * )
 * ```
 */
export declare const ToolbarSectionRight: ({ children, moreMenuLabel, }: ToolbarSectionRightProps) => React.JSX.Element;
export declare const ToolbarSectionWithMenu: ({ children, moreMenuLabel, }: ToolbarSectionRightProps) => React.JSX.Element;
//# sourceMappingURL=section-right.d.ts.map