Report Issue

import { IssueReportForm } from "@/components/forms/issue-report-form"

// The copy: change text here, not in the markup.
const COPY = {
  title: "Report an issue",
  body: "Tell us what broke and how much it is in your way.",
} as const

const LABELS = {
  area: "Area",
  severity: "Severity",
  select: "Select",
  subject: "Subject",
  subjectPlaceholder: "One line, like “Invoice shows the wrong plan”",
  details: "What happened",
  detailsPlaceholder:
    "What you did, what you saw, and what you expected instead.",
  submit: "Send report",
} as const

const AREAS = [
  { value: "team", label: "Team" },
  { value: "billing", label: "Billing" },
  { value: "account", label: "Account" },
  { value: "deployments", label: "Deployments" },
  { value: "support", label: "Support" },
]

const SEVERITIES = [
  { value: "1", label: "Blocking" },
  { value: "2", label: "Serious" },
  { value: "3", label: "Annoying" },
  { value: "4", label: "Cosmetic" },
]

export default function ReportIssue() {
  return (
    <IssueReportForm
      title={COPY.title}
      description={COPY.body}
      areas={AREAS}
      severities={SEVERITIES}
      defaultArea="billing"
      defaultSeverity="2"
      labels={LABELS}
      className="mx-auto w-full max-w-sm"
    />
  )
}