import type { ReactNode } from 'react';
import type { ButtonType } from '../Button/Button.types';
/**
 * Configuración para el botón de acción principal del Toolbar
 */
export interface LayoutActionConfig {
    /**
     * Texto a mostrar en el botón
     */
    label: string;
    /**
     * Función a ejecutar al hacer clic
     */
    onClick: () => void;
    /**
     * Icono opcional a mostrar a la izquierda del texto
     */
    icon?: ReactNode;
    /**
     * Tipo de botón (por defecto será 'default' - primario)
     * @default 'default'
     */
    type?: ButtonType;
    /**
     * Tamaño del botón
     * @default 'sm'
     */
    size?: 'xs' | 'sm' | 'base' | 'l' | 'xl';
    /**
     * Si el botón está deshabilitado
     * @default false
     */
    disabled?: boolean;
}
/**
 * Propiedades del componente LayoutContent
 */
export interface LayoutContentProps {
    /**
     * Título principal a mostrar en la cabecera (Toolbar)
     */
    title: string;
    /**
     * Contenido principal que se renderizará debajo de la cabecera
     */
    children: ReactNode;
    /**
     * Función opcional a ejecutar al hacer clic en el botón de retroceso.
     * Si no se provee, el botón de retroceso no se renderizará.
     */
    onBack?: () => void;
    /**
     * Configuración del botón de acción principal ubicado a la derecha de la cabecera.
     */
    primaryAction?: LayoutActionConfig;
    /**
     * Contenido personalizado a renderizar a la derecha del Toolbar.
     * Si se proporciona, reemplaza el renderizado automático de `primaryAction`.
     */
    toolbarEndContent?: ReactNode;
    /**
     * Clases CSS opcionales para extender el contenedor principal
     */
    className?: string;
}
//# sourceMappingURL=LayoutContent.types.d.ts.map