Availability scheduler

"use client";

import { useState } from "react";
import { AvailabilityScheduler } from "@/components/help-desks/availability-scheduler";
import type { WeekHours } from "@/components/help-desks/availability-scheduler/types";

export default function Example() {
  const [hours, setHours] = useState<WeekHours>({
    monday: { enabled: false, ranges: [] },
    tuesday: { enabled: false, ranges: [] },
    wednesday: { enabled: false, ranges: [] },
    thursday: { enabled: false, ranges: [] },
    friday: { enabled: false, ranges: [] },
    saturday: { enabled: false, ranges: [] },
    sunday: { enabled: false, ranges: [] },
  });

  return (
    <AvailabilityScheduler value={hours} onChange={setHours} />
  );
}