import { ReactNode } from 'react';
export type SidebarProps = {
    /**
     * children
     */
    children?: ReactNode | null;
    className?: string;
    classes?: {
        contentColumn?: string;
        contentContainer?: string;
        formColumn?: string;
    };
    /**
     * contentColumn: Content Component(s) for the sidebar. E.g. tables, graphs, etc.
     * This is the right column when viewing a topic sidebar, and top row for pullouts and needs sidebars
     */
    contentColumn?: JSX.Element | null;
    /**
     * Place tabs as footer with full width
     */
    footerTabs?: JSX.Element | null;
    /**
     * formColumn: Form Element for Sidebar (Note, doesn't have to be a form.)
     * This is the left column when viewing a topic sidebar, and bottom row for pullouts and needs sidebars
     */
    formColumn?: JSX.Element | null;
    /**
     * fullWidthTabs. Place all tabs under header, This will enable us to omit one of the columns (Left / Right) and display full width within a Tab.
     */
    fullWidthTabs?: JSX.Element | null;
    /**
     * Takes a header component and displays it.
     */
    header?: ReactNode | null;
    /**
     * If true, sidebar is long
     */
    isLong?: boolean;
    /**
     * isOmitFormColumn Determines if we should display only one column for full width Tabs
     */
    isOmitFormColumn?: boolean;
    /**
     * isOpen handles whether the sidebar is opened or closed
     */
    isOpen: boolean;
    /**
     * isOpenOverModal
     */
    isOpenOverModal?: boolean;
    /**
     * isPulloutOpen is a boolean value to tell if there is a pullout opened in the sidebar
     * for topics, themes, etc. where pullouts can exist within a sidebar.
     */
    isPulloutOpen?: boolean;
    isUnmountOnClose?: boolean;
    /**
     * noTitle realigns the back button for when no title is in the header.
     */
    noTitle?: boolean;
    /**
     * pulloutColumn: Sidebar element for a pullout Component.
     */
    pulloutColumn?: JSX.Element | null;
    /**
     * type of sidebar to display
     */
    type: 'topic' | 'opportunity' | 'need' | 'pullout' | 'account' | 'filter-accounts' | 'user' | 'artifact' | 'signal' | 'event-label' | 'segment' | 'dynamic-scores' | 'cvu' | 'post' | 'admin' | 'task' | 'widget-post' | 'playbook' | 'ticket' | 'survey-response' | 'journey' | 'milestone' | 'desired-outcome' | 'follow-up-question' | 'job-run' | 'queued-automation' | 'meeting' | 'call' | 'need-user-view' | 'task-user-view' | 'score-card-sidebar' | 'threshold' | 'localShaply' | 'funnel' | 'funnel-step' | 'globalShaply' | 'survey';
    /**
     * If true, opens pullout in portal
     */
    usePortalPullout?: boolean;
};
export declare function Sidebar({ children, formColumn, contentColumn, header, isOpen, noTitle, pulloutColumn, isPulloutOpen, isLong, type, usePortalPullout, classes, fullWidthTabs, isOmitFormColumn, className, footerTabs, isOpenOverModal, }: SidebarProps): JSX.Element;
