import { IconTransform } from "@tabler/icons-react";
import { z } from "zod";

import { createWidgetDefinition } from "../definition";
import { optionsBuilder } from "../options";

export const { componentLoader, definition } = createWidgetDefinition("mediaTranscoding", {
  icon: IconTransform,
  options: optionsBuilder.from((factory) => ({
    defaultView: factory.select({
      defaultValue: "statistics",
      options: [
        { label: "Workers", value: "workers" },
        { label: "Queue", value: "queue" },
        { label: "Statistics", value: "statistics" },
      ],
    }),
    queuePageSize: factory.number({ defaultValue: 10, validate: z.number().min(1).max(30) }),
  })),
  supportedIntegrations: ["tdarr"],
}).withDynamicImport(() => import("./component"));