import { Theme } from '@mui/material';
import { ReactNode } from 'react';
import { M4LOverridesStyleRules } from '../../../@types/augmentations';
import { SPLIT_LAYOUT_KEY_COMPONENT } from './constants';
import { SplitLayoutSlots as slots } from './slots/SplitLayoutEnum';
export type SplitPosition = 'vertical' | 'horizontal' | 'none';
export interface SplitLayoutProps {
    /**representa el contenido o componente que se mostrará en la primera parte de la interfaz de usuario. */
    firstPart?: ((props?: any) => JSX.Element) | ReactNode;
    /** representa el contenido o componente que se mostrará en la segunda parte de la interfaz de usuario,la parte sea de abajo o a la derecha*/
    secondPart?: ((props?: any) => JSX.Element) | ReactNode;
    /** determina la orientación de la división entre las dos partes de la interfaz de usuario. Puede tener tres valores: "vertical", "horizontal" o "none". */
    splitPosition: SplitPosition;
    /** se utiliza el `dataTestId` para las pruebas unitarias */
    dataTestId?: string;
    /** determina el tamaño por defecto de la primera parte de la interfaz de usuario. */
    defaultMasterSize?: number;
    /** determina el tamaño por defecto de la segunda parte de la interfaz de usuario. */
    defaultDetailSize?: number;
}
export interface SplitLayoutOwnerState {
    splitPosition: SplitPosition;
}
export type SplitLayoutStyles = M4LOverridesStyleRules<keyof typeof slots, typeof SPLIT_LAYOUT_KEY_COMPONENT, Theme>;
//# sourceMappingURL=types.d.ts.map