import React, { ButtonHTMLAttributes, ReactNode } from 'react';
import styles from './ButtonSecondaryModule.module.scss';

interface ButtonSecondaryModuleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    children: ReactNode;
    icon?: ReactNode;
    className?: string;
}

export function ButtonSecondaryModule({
    children,
    icon,
    className = '',
    disabled,
    ...props
}: ButtonSecondaryModuleProps) {
    return (
        <button
            className={`${styles.btnSecondaryModule} ${disabled ? styles.disabled : ''} ${className}`}
            disabled={disabled}
            {...props}
        >
            {icon && <span className={styles.icon}>{icon}</span>}
            {children}
        </button>
    );
}