import React from 'react'

type Props = {} & React.ButtonHTMLAttributes<HTMLButtonElement>;

function Button({ children, className, disabled, ...rest }: Props) {
  return (
    <div>
      <button className={`${className} ${disabled ? 'bg-disabled text-disabled-text' : 'bg-primary text-white'} transition-all duration-200 cursor-pointer w-full rounded-normal p-3 font-normal text-sm`} {...rest}>
        {children}
      </button>
    </div>
  )
}

export default Button