import {
  ArrayLabel,
  ObjectLabel,
  StringLabel,
  NumberLabel,
  IntegerLabel,
  BooleanLabel,
  NullLabel,
  TrueLabel,
  FalseLabel,
} from "@theme/JSONSchemaViewer/labels"

import type { JSX } from "react"
import type { TypeValues } from "@theme/JSONSchemaViewer/types"

type Props = {
  // To cover unknown types, as well "any" or "none"
  type: TypeValues | true | false | string
  [x: string]: any
}

export default function TypeLabelSwitch(props: Props): JSX.Element {
  const { type, ...rest } = props
  switch (type) {
    case "string":
      return <StringLabel {...rest} />
    case "number":
      return <NumberLabel {...rest} />
    case "boolean":
      return <BooleanLabel {...rest} />
    case "object":
      return <ObjectLabel {...rest} />
    case "array":
      return <ArrayLabel {...rest} />
    case "integer":
      return <IntegerLabel {...rest} />
    case "null":
      return <NullLabel {...rest} />
    case true:
      return <TrueLabel {...rest} />
    case false:
      return <FalseLabel {...rest} />
    default:
      return <span style={{ opacity: "0.6" }}>{type}</span>
  }
}