export default function MainBtn({
    onClick,
    className,
    text,
    shrinkAside,
    children,
    loading,
    disabled
}) {
  return (
    <button 
        disabled={disabled}
        className={`py-2 px-3 rounded text-12 lg:text-lg ${className || ''} ${(disabled || loading) && 'opacity-60'}`}
        onClick={onClick}
    >
        {children && children}
        {shrinkAside ? '' : loading? 'Loading...' : text}
    </button>
  )
}