@gambito-corp/mbs-library/src/components/atoms/Button/Button.constants.js

Librería de componentes React reutilizables - Sistema de diseño modular y escalable

export const BUTTON_VARIANTS = {
    primary: {
        label: 'Primario',
        description: 'Botón plano, color sólido'
    },
    gradient: {
        label: 'Degradado',
        description: 'Botón con degradado y sombra'
    },
    secondary: {
        label: 'Secundario',
        description: 'Botón secundario con gradiente gris'
    },
    success: {
        label: 'Éxito',
        description: 'Botón de éxito con gradiente verde'
    },
    danger: {
        label: 'Peligro',
        description: 'Botón de peligro con gradiente rojo'
    },
    warning: {
        label: 'Advertencia',
        description: 'Botón de advertencia con gradiente amarillo'
    },
    outline: {
        label: 'Contorno',
        description: 'Botón con solo borde'
    },
    ghost: {
        label: 'Fantasma',
        description: 'Botón transparente'
    },
    gameReveal: {
        label: 'Revelar Juego',
        description: 'Botón para revelar en juegos'
    },
    gameCorrect: {
        label: 'Correcto Juego',
        description: 'Botón de respuesta correcta'
    },
    gameIncorrect: {
        label: 'Incorrecto Juego',
        description: 'Botón de respuesta incorrecta'
    },
    gameRestart: {
        label: 'Reiniciar Juego',
        description: 'Botón para reiniciar juego'
    },
    gameExit: {
        label: 'Salir Juego',
        description: 'Botón para salir del juego'
    }
};

export const BUTTON_SIZES = {
    xs: {
        label: 'Extra pequeño',
        description: 'Botón muy compacto'
    },
    small: {
        label: 'Pequeño',
        description: 'Botón compacto'
    },
    medium: {
        label: 'Mediano',
        description: 'Botón estándar'
    },
    large: {
        label: 'Grande',
        description: 'Botón prominente'
    },
    xlarge: {
        label: 'Extra grande',
        description: 'Botón muy prominente'
    },
    game: {
        label: 'Juego',
        description: 'Tamaño específico para botones de juego'
    }
};

export const BUTTON_TYPES = {
    button: {
        label: 'Botón',
        description: 'Botón estándar'
    },
    submit: {
        label: 'Enviar',
        description: 'Botón de envío de formulario'
    },
    reset: {
        label: 'Resetear',
        description: 'Botón de reseteo de formulario'
    }
};