import Translate from "@docusaurus/Translate"

import { CreateEdge } from "@theme/JSONSchemaViewer/components"
import { SchemaHierarchyComponent } from "@theme/JSONSchemaViewer/contexts"

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

type Props = {
  schema: JSONSchemaNS.Object
  [x: string]: any
}

// Translated label
function UnevaluatedPropertiesLabel(): JSX.Element {
  return (
    <code>
      <Translate
        values={{
          id: "json-schema.labels.unevaluatedProperties",
        }}
      >
        {"property name*"}
      </Translate>
    </code>
  )
}

export default function CreateUnevaluatedProperties(props: Props): JSX.Element {
  const { schema } = props

  let unevaluatedProperties = schema.unevaluatedProperties

  // We don't have to care about that as it will be covered by QualifierMessages
  if (
    unevaluatedProperties === undefined ||
    typeof unevaluatedProperties === "boolean"
  ) {
    return <></>
  }

  return (
    <ul>
      <SchemaHierarchyComponent innerJsonPointer="/unevaluatedProperties">
        <CreateEdge
          key={"object_unevaluatedProperties"}
          name={<UnevaluatedPropertiesLabel />}
          schema={unevaluatedProperties}
          required={false}
        />
      </SchemaHierarchyComponent>
    </ul>
  )
}