Basic example of a Button component in ReactJs.

Button.tsx

import {ButtonHTMLAttributes, forwardRef} from 'react';

export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    primary?: boolean;
}

export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
    ({className, primary, children, ...props}, ref) => {
        return (
            <button
                className={`btn ${primary ? 'btn-primary' : ''} ${className}`}
                {...props}
                ref={ref}
            >
                {children}
            </button>
        );
    }
);