import React from 'react';
import styled from 'styled-components';
import { LayoutProps, PaddingProps } from 'styled-system';
import { PopupType, PositionPopup, TogglePopup } from '../helpers/usePopup';
import { Sidebar } from '../Layout/Sidebar';
import { OrderHint } from './ActionProvider';
interface ItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    /** Required when used within an ActionProvider */
    id?: string;
    icon: React.ReactElement;
    orderHint?: OrderHint;
    'aria-label': string;
}
declare type StyleProps = LayoutProps & PaddingProps;
declare type RenderFn = (t: TogglePopup, expanded: boolean) => React.ReactElement | null;
interface PanelProps extends StyleProps, Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
    icon: React.ReactElement;
    orderHint?: OrderHint;
    popupType?: PopupType;
    positionPopup?: PositionPopup;
    children?: React.ReactNode | RenderFn;
    'aria-label': string;
}
export declare const ActionBarItem: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLButtonElement>>;
export declare const ActionBarPanel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>>;
interface PanelPopupProps extends StyleProps {
    position?: PositionPopup;
    anchorRef?: React.RefObject<HTMLElement | string>;
    children?: React.ReactNode;
}
declare type RequireRef<P> = P extends {
    ref?: React.Ref<infer R>;
} ? R extends HTMLElement ? P : never : never;
declare type RefProps<T extends React.ElementType> = T extends keyof JSX.IntrinsicElements ? PanelPopupProps & Omit<JSX.IntrinsicElements[T], 'as'> : T extends React.ComponentType<infer U> ? PanelPopupProps & RequireRef<Omit<U, 'as' | keyof PanelPopupProps>> : never;
interface PanelPopupType {
    <T extends React.ElementType = 'div'>(p: {
        as?: T;
    } & RefProps<T>): React.ReactElement | null;
    defaultProps?: Partial<PanelPopupProps>;
    displayName?: string;
}
declare const PanelPopup: PanelPopupType;
interface ActionBarType extends React.FC<React.HTMLAttributes<HTMLDivElement>> {
    Item: typeof ActionBarItem;
    Panel: typeof ActionBarPanel;
    Button: typeof Sidebar.Button;
    PanelPopup: typeof PanelPopup;
    PanelWrapper: ReturnType<typeof styled.div>;
}
export declare const ActionBar: ActionBarType;
export default ActionBar;