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

export default function InputBox({ type, placeholder, value, onChange, width }) {
  const widthClass = width ? width : "w-full"

  return (
    <input
      type={type}
      className={`${widthClass} py-3 px-4 border border-battleship-gray rounded-lg focus:border-mint-lighter focus:outline-none text-text placeholder-text-muted bg-background font-semibold text-lg`}
      placeholder={placeholder}
      value={value}
      onChange={onChange}
    />
  )
}