{
  "$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"]
        }
      }
    },
    "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"]
}