import type { SidebarToggleProps } from "./Sidebar.types";
/**
 * Componente de botón toggle del Sidebar
 *
 * @description
 * Botón que controla el estado abierto/cerrado del sidebar.
 * Renderiza un `<label>` por defecto que controla un checkbox oculto,
 * permitiendo gestionar el estado con CSS puro (:checked selector).
 *
 * Características:
 * - Soporta render props para acceso al estado (open, active)
 * - Renderiza icono de chevron por defecto (customizable)
 * - Aplica data attributes para styling CSS
 * - Accesibilidad completa (aria-label, aria-expanded)
 * - Soporta prop `as` para usar elemento/componente custom
 *
 * @example
 * ```tsx
 * // Uso básico con icono por defecto
 * <SidebarToggle />
 * ```
 *
 * @example
 * ```tsx
 * // Con render props para estado
 * <SidebarToggle>
 *   {({ open, active }) => (
 *     <div className={cn(active && 'bg-blue-500')}>
 *       {open ? <CloseIcon /> : <MenuIcon />}
 *     </div>
 *   )}
 * </SidebarToggle>
 * ```
 *
 * @example
 * ```tsx
 * // Con icono custom
 * <SidebarToggle className="bg-zinc-800">
 *   <CustomChevronIcon />
 * </SidebarToggle>
 * ```
 *
 * @example
 * ```tsx
 * // Como botón real (sin checkbox)
 * <SidebarToggle as="button" onClick={() => setOpen(!open)}>
 *   Toggle
 * </SidebarToggle>
 * ```
 */
export declare const SidebarToggle: import("react").ForwardRefExoticComponent<SidebarToggleProps & import("react").RefAttributes<HTMLButtonElement | HTMLLabelElement>>;
//# sourceMappingURL=SidebarToggle.d.ts.map