import FormField from "../../../components/FormField";

export default function AttachmentRuleCard() {
  return (
    <div className="attachment-rule-card">
      <div className="attachment-rule-header">
        <strong>Attachment rule</strong>
        <span className="muted">Personalized documents</span>
      </div>
      <div className="form-grid compact">
        <FormField label="Base directory"><input placeholder="xls/" /></FormField>
        <FormField label="File filter"><input placeholder="ab????-${local::number}-*.XLSX" /></FormField>
        <FormField label="Include subdirectories"><select><option>No</option><option>Yes</option></select></FormField>
        <FormField label="Allow multiple matches"><select><option>Yes</option><option>No</option></select></FormField>
        <FormField label="Missing behavior"><select><option>Ask</option><option>Block</option><option>Warn</option><option>Drop</option><option>Continue</option></select></FormField>
        <FormField label="Ambiguous behavior"><select><option>Ask</option><option>Block</option><option>Warn</option><option>Drop</option><option>Continue</option></select></FormField>
      </div>
    </div>
  );
}
