// src/components/Inputs/InputBox.jsx
// Gomb komponens

import { motion } from "framer-motion"

export default function Button({ text, type, onClick, width, className }) {
  const widthClass = width ? width : "w-full"

  return (
    <motion.button
      whileHover={{ scale: 1.05 }}
      whileTap={{ scale: 0.95 }}
      type={type}
      onClick={onClick}
      className={`${widthClass} bg-button-primary text-white py-3 rounded-lg hover:bg-button-primary-hover transition shadow-md font-semibold text-lg ${
        className ? className : ""
      }`}
    >
      {text}
    </motion.button>
  )
}
