import { ReactNode } from 'react';
/**
 * Entrada de pestaña en la cabecera de la tarjeta expandida.
 */
export type CardsGenericasMenuItem = {
    /** Texto visible. */
    title: string;
    /** Índice estable usado con `activeIndex`. */
    index: number;
};
/**
 * Colores de acento y fondo (por defecto según `colorMode` en la paleta tasks-modules del UI).
 */
export type CardsGenericasColors = {
    /** Fondo de la tarjeta. */
    bg: string;
    /** Acento (borde activo, pestaña seleccionada). */
    detail: string;
    /** Acento secundario (botón expandido, hover de pestañas). */
    detailColor: string;
    /** Texto de pestañas inactivas (por defecto `COLORS.FONTS['90%']` según tema). */
    tabText?: string;
    /** Color de texto del panel de contenido (por defecto igual que `tabText`). */
    contentText?: string;
};
/**
 * Props públicas de {@link CardsGenericas}.
 */
export type CardsGenericasProps = {
    /** Contenido de la cara visible (imagen o vista previa). */
    initialView?: ReactNode;
    /** Pestañas opcionales en la zona expandida. */
    menus?: CardsGenericasMenuItem[];
    /** Índice de pestaña activa. */
    activeIndex?: number;
    /** Callback al cambiar de pestaña. */
    setActiveIndex?: (index: number) => void;
    /** Contenido del panel expandido. */
    children?: ReactNode;
    /** Estado abierto/cerrado (controlado). */
    openCard?: boolean;
    /** Alterna apertura (controlado). */
    setOpenCard?: (open: boolean) => void;
    /** Sustituye los colores por defecto del `colorMode` activo. */
    colors?: Partial<CardsGenericasColors>;
    /**
     * Tema de la tarjeta: paleta por defecto (`COLORS`) en claro u oscuro.
     * @default 'light'
     */
    colorMode?: 'light' | 'dark';
};
//# sourceMappingURL=types.d.ts.map