import "@puckeditor/core/puck.css";
import { type PropsWithChildren } from "react";
declare const sidebarTabs: {
    readonly components: {
        readonly label: "Components";
        readonly Icon: import("react").ForwardRefExoticComponent<import("@radix-ui/react-icons/dist/types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
    };
    readonly outline: {
        readonly label: "Layout";
        readonly Icon: import("react").ForwardRefExoticComponent<import("@radix-ui/react-icons/dist/types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
    };
    readonly fields: {
        readonly label: "Page Settings";
        readonly Icon: import("react").ForwardRefExoticComponent<import("@radix-ui/react-icons/dist/types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
    };
};
export type SidebarTab = keyof typeof sidebarTabs;
export declare const Drawer: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
export declare const DrawerItem: ({ name }: {
    name: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const SidebarTabs: ({ activeTab, setActiveTab, className, }: {
    activeTab: SidebarTab;
    setActiveTab: (tab: SidebarTab) => void;
    className?: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const useSidebarTab: () => {
    activeTab: "components" | "fields" | "outline";
    setActiveTab: import("react").Dispatch<import("react").SetStateAction<"components" | "fields" | "outline">>;
};
export declare const SidebarHeading: ({ activeTab, className, }: {
    activeTab: SidebarTab;
    className?: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const Sidebar: ({ activeTab, className, }: {
    activeTab: SidebarTab;
    className?: string;
}) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=sidebar.d.ts.map