interface MasterInputProps {
  placeholder: string;
  isRequired: boolean;
  title: string;
}

const MasterInput = ({ placeholder, isRequired, title }: MasterInputProps) => {
  return (
    <div className="flex flex-col">
      <div className="flex pb-2">
        <p className="text-[#0D192266] font-semibold text-caption-m">{title}</p>
        {isRequired && <p className="text-[#E12E25] text-caption-m">*</p>}
      </div>
      <div className="bg-white py-[14px] px-4 rounded-lg">
        <input
          type="text"
          className="outline-transparent outline"
          placeholder={placeholder}
        />
      </div>
    </div>
  );
};

export default MasterInput;
