import type { CSSProperties } from 'vue';
import type { SiderBreakpoint } from '../_utils/responsive-observe';
import type { DrawerProps } from '../drawer';
import type { ScrollbarProps } from '../scrollbar';
export type SiderTheme = 'light' | 'dark';
export type CollapseType = 'clickTrigger' | 'responsive';
export interface LayoutProps {
    hasSider?: boolean;
}
export interface SiderProps {
    collapsible?: boolean;
    collapsed?: boolean;
    defaultCollapsed?: boolean;
    reverseArrow?: boolean;
    zeroWidthTriggerStyle?: CSSProperties;
    hideTrigger?: boolean;
    width?: number | string;
    collapsedWidth?: number | string;
    breakpoint?: SiderBreakpoint;
    theme?: SiderTheme;
    scrollbar?: boolean | ScrollbarProps;
    temporary?: boolean;
    rail?: boolean;
    railWidth?: number | string;
    expandOnHover?: boolean;
    drawerProps?: SiderTemporaryDrawerProps;
}
export type SiderTemporaryDrawerProps = Omit<DrawerProps, 'visible' | 'defaultVisible' | 'width' | 'footer' | 'okText' | 'cancelText' | 'okLoading' | 'okButtonProps' | 'cancelButtonProps' | 'hideCancel' | 'onBeforeOk' | 'onBeforeCancel'>;