import Translate from "@docusaurus/Translate"

import styles from "./styles.module.css"

import type { JSX } from "react"

export default function ReadOnlyLabel(): JSX.Element {
  return (
    <strong className={styles.readOnly}>
      <Translate
        values={{
          id: "json-schema.keywords.readOnly",
        }}
      >
        {"readOnly"}
      </Translate>
    </strong>
  )
}