import { type ButtonHTMLAttributes, type Ref, type SVGProps } from 'react';
import { type CssLength, type CssTime } from '../../../utils/css';
export type SidebarToggleButtonVariant = 1 | 2 | 3 | 4 | 5 | 6;
export type SidebarToggleButtonSide = 'left' | 'right';
export type SidebarToggleIconProps = Omit, 'children' | 'color'> & {
variant?: SidebarToggleButtonVariant;
open?: boolean;
side?: SidebarToggleButtonSide;
title?: string;
};
export type SidebarToggleButtonProps = Omit, 'children' | 'color'> & {
variant?: SidebarToggleButtonVariant;
side?: SidebarToggleButtonSide;
size?: CssLength;
hitArea?: CssLength;
strokeWidth?: CssLength;
color?: string;
hoverColor?: string;
duration?: CssTime;
defaultOpen?: boolean;
open?: boolean;
onOpenChange?: (open: boolean) => void;
ariaLabel?: string;
closeAriaLabel?: string;
animated?: boolean;
ref?: Ref;
};
export declare const SidebarToggleIcon: ({ variant, open, side, className, title, role, "aria-hidden": ariaHidden, ...props }: SidebarToggleIconProps) => import("react/jsx-runtime").JSX.Element;
export declare const SidebarToggleButton: ({ variant, side, size, hitArea, strokeWidth, color, hoverColor, duration, defaultOpen, open, onOpenChange, ariaLabel, closeAriaLabel, animated, className, style, type, onClick, ref, "aria-label": ariaLabelFromProps, "aria-labelledby": ariaLabelledBy, ...buttonProps }: SidebarToggleButtonProps) => import("react/jsx-runtime").JSX.Element;