import { FormField } from "@inato-form/core"
import type { Array } from "effect"
import { Schema } from "effect"

interface MultiSelectFC<Value extends string = string> extends
  React.FC<{
    label?: React.ReactNode
    placeholder?: string | undefined
    className?: string
    options: ReadonlyArray<{ label: string; value: Value }>
  }>
{}

export class MultiSelect extends FormField.FormField("@inato-form/fields/MultiSelect")<
  MultiSelect,
  MultiSelectFC
>() {
  static Default = <Literals extends Array.NonEmptyReadonlyArray<string>>(
    ...literals: Literals
  ) =>
    this.make({
      schema: Schema.HashSet(Schema.Literal(...literals)),
      defaultValue: []
    }).decorate<MultiSelectFC<Literals[number]>>()
}