Settings

import { LoopSettingsForm } from "@/components/forms/loop-settings-form"

// The copy: change text here, not in the markup.
const COPY = {
  title: "Loop points",
  body: "Where the bed repeats, and how it fades.",
} as const

const LABELS = {
  length: "loop",
  loopIn: "Loop in",
  loopOut: "Loop out",
  fades: "Fades",
  fadeIn: "Fade in",
  fadeOut: "Fade out",
  showFades: "Show fades",
  hideFades: "Hide fades",
} as const

const TIMES = {
  loopIn: "0:00",
  loopOut: "1:24",
  fadeIn: "0:02",
  fadeOut: "0:04",
}

export default function Settings() {
  return (
    <LoopSettingsForm
      title={COPY.title}
      description={COPY.body}
      defaultValue={TIMES}
      labels={LABELS}
      className="mx-auto w-full max-w-sm"
    />
  )
}