import React from 'react'
import { ButtonProps } from '@/app/types/index'

const Button = ({
  onClick,
  className,
  text,
  type,
  leftIcon,
  rightIcon,
}: ButtonProps) => {
  return (
    <button
      onClick={onClick}
      className={`text-base font-medium rounded-2xl cursor-pointer ${className}`}
      type={type}
    >
      {leftIcon && <span className="mr-2 flex items-center">{leftIcon}</span>}
      <span>{text}</span>
      {rightIcon && <span className="ml-2 flex items-center">{rightIcon}</span>}
    </button>
  )
}

export default Button
