import type { XySemanticClassNames, XySemanticStyles } from "../core"; export type XyLayoutBreakpoint = "lg" | "md" | "sm" | "xl" | "xs" | "xxl" | "xxxl"; export type XyLayoutCollapseType = "clickTrigger" | "responsive"; export type XyLayoutDirection = "horizontal" | "vertical"; export type XyLayoutTheme = "dark" | "light"; export type XyLayoutSemanticDom = "root"; export type XyLayoutSiderSemanticDom = "body" | "root" | "trigger"; export type XyLayoutHeaderSemanticDom = "root"; export type XyLayoutContentSemanticDom = "root"; export type XyLayoutFooterSemanticDom = "root"; export interface XyLayoutSemanticProps { direction: XyLayoutDirection; hasSider: boolean; } export interface XyLayoutHeaderSemanticProps { height: number | string; offsetTop: number | string; padding: number | string; sticky: boolean; theme: XyLayoutTheme; } export interface XyLayoutContentSemanticProps { padding: number | string; role: string; } export interface XyLayoutFooterSemanticProps { padding: number | string; } export interface XyLayoutSiderSemanticProps { below: boolean; breakpoint?: XyLayoutBreakpoint; collapsed: boolean; collapsedWidth: number | string; collapsible: boolean; defaultCollapsed: boolean; offsetTop: number | string; reverseArrow: boolean; sticky: boolean; theme: XyLayoutTheme; trigger: false | string; triggerVisible: boolean; width: number | string; zeroWidth: boolean; zeroWidthTrigger: boolean; } export type XyLayoutSiderClassNames = XySemanticClassNames; export type XyLayoutSiderStyles = XySemanticStyles; export type XyLayoutClassNames = XySemanticClassNames; export type XyLayoutStyles = XySemanticStyles; export type XyLayoutHeaderClassNames = XySemanticClassNames; export type XyLayoutHeaderStyles = XySemanticStyles; export type XyLayoutContentClassNames = XySemanticClassNames; export type XyLayoutContentStyles = XySemanticStyles; export type XyLayoutFooterClassNames = XySemanticClassNames; export type XyLayoutFooterStyles = XySemanticStyles;