{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "$id": "http://schema.mydesignsystem.com/image-text.schema.json",
  "title": "Image Text",
  "description": "Component used to display an image beside or above/below a text block",
  "type": "object",
  "properties": {
    "text": {
      "type": "string",
      "format": "markdown",
      "title": "Text",
      "description": "Text content to display beside the image",
      "examples": [
        "This is a sample text"
      ]
    },
    "highlightText": {
      "type": "boolean",
      "title": "Highlight Text",
      "description": "Visually highlight the text",
      "default": false
    },
    "image": {
      "type": "object",
      "properties": {
        "src": {
          "type": "string",
          "format": "image",
          "title": "Image Source",
          "description": "URL of the image to display",
          "examples": [
            "http://example.com/image.jpg"
          ]
        },
        "alt": {
          "type": "string",
          "title": "Alt Text",
          "description": "Alt text of the image",
          "examples": [
            "http://example.com/image.jpg"
          ]
        }
      },
      "additionalProperties": false
    },
    "layout": {
      "type": "string",
      "enum": [
        "above",
        "below",
        "beside-right",
        "beside-left"
      ],
      "title": "Layout",
      "description": "Position of the image relative to the text",
      "default": "above"
    }
  },
  "required": [
    "text",
    "image",
    "layout"
  ],
  "additionalProperties": false
}