| 35 | rows={4} |
| 36 | required |
| 37 | /> |
| 38 | ); |
| 39 | } |
| 40 | |
| 41 | export function EmailForm({ data, updateField, t }: FormProps) { |
| 42 | return ( |
| 43 | <div className="space-y-4"> |
| 44 | <InputField |
| 45 | label={t("tools.qrCode.emailLabel")} |
| 46 | value={(data.email as string) || ""} |
| 47 | onChange={(v: string) => updateField("email", v)} |
| 48 | placeholder={t("tools.qrCode.emailPlaceholder")} |
| 49 | type="email" |
| 50 | name="email" |
| 51 | autoComplete="email" |
| 52 | inputMode="email" |
| 53 | spellCheck={false} |
| 54 | required |
| 55 | /> |
| 56 | <InputField |
| 57 | label={t("tools.qrCode.emailSubject")} |
| 58 | value={(data.subject as string) || ""} |
| 59 | onChange={(v: string) => updateField("subject", v)} |
| 60 | placeholder={t("tools.qrCode.emailSubjectPlaceholder")} |
| 61 | /> |
| 62 | <InputField |
| 63 | label={t("tools.qrCode.emailBody")} |
| 64 | value={(data.body as string) || ""} |
| 65 | onChange={(v: string) => updateField("body", v)} |
| 66 | placeholder={t("tools.qrCode.emailBodyPlaceholder")} |
| 67 | multiline |