export default function Field({ label, children, error, required }) {
  return (
    <div className="flex-1 mb-2.5">
      <label className="block text-[11px] font-semibold text-t2 mb-0.5">
        {label}
        {required && <span className="text-rd"> *</span>}
      </label>
      {children}
      {error && <div className="text-[11px] text-rd mt-0.5">{error}</div>}
    </div>
  );
}
