@achs/webkit/dist/components/molecules/StatusBar/index.d.ts

Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las

import { default as React } from 'react';
export type StatusKind = 'success' | 'warning' | 'error' | 'info' | 'neutral';
export interface StatusBarProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Estado semántico que define color e icono por defecto. */
    status: StatusKind;
    /** Texto principal del estado (p. ej. "Aprobado"). */
    label: React.ReactNode;
    /** Texto secundario opcional. */
    description?: React.ReactNode;
    /** Icono bootstrap-icons que reemplaza al por defecto. */
    iconName?: string;
    /** Oculta el icono. */
    showIcon?: boolean;
    /** Estilo: `subtle` (fondo claro) o `solid` (fondo pleno). */
    variant?: 'subtle' | 'solid';
    /** Contenido a la derecha (acciones, fecha, etc.). */
    action?: React.ReactNode;
}
export declare const StatusBar: React.ForwardRefExoticComponent<StatusBarProps & React.RefAttributes<HTMLDivElement>>;
export default StatusBar;