{
  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
  "name": "Tooltip",
  "description": "Tooltip component",
  "platforms": [
    "react",
    "rails"
  ],
  "props": {
    "useClickToOpen": {
      "type": "boolean",
      "platforms": [
        "react",
        "rails"
      ],
      "default": false
    },
    "delay": {
      "type": "number | Partial<{open: number; close: number}>",
      "platforms": [
        "react"
      ]
    },
    "height": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "icon": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "interaction": {
      "type": "boolean",
      "platforms": [
        "react",
        "rails"
      ],
      "default": false
    },
    "maxHeight": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "maxWidth": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "minHeight": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "minWidth": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "placement": {
      "type": "Placement",
      "platforms": [
        "react"
      ]
    },
    "position": {
      "type": "enum",
      "platforms": [
        "react"
      ],
      "values": [
        "absolute",
        "fixed"
      ]
    },
    "text": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "width": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "showTooltip": {
      "type": "boolean",
      "platforms": [
        "react"
      ]
    },
    "forceOpenTooltip": {
      "type": "boolean",
      "platforms": [
        "react"
      ]
    },
    "delayOpen": {
      "platforms": [
        "rails"
      ]
    },
    "delayClose": {
      "platforms": [
        "rails"
      ]
    },
    "tooltipId": {
      "platforms": [
        "rails"
      ]
    },
    "triggerElementSelector": {
      "platforms": [
        "rails"
      ]
    },
    "triggerElementId": {
      "platforms": [
        "rails"
      ]
    },
    "triggerMethod": {
      "platforms": [
        "rails"
      ],
      "type": "enum",
      "values": [
        "hover",
        "click"
      ],
      "default": "hover"
    }
  },
  "globalProps": true,
  "usage": {
    "react": {
      "import": "import { Tooltip } from 'playbook-ui'",
      "example": "<Tooltip position=\"absolute\" triggerMethod=\"hover\"></Tooltip>"
    },
    "rails": {
      "import": null,
      "example": "<%= pb_rails(\"tooltip\", props: { position: \"absolute\", trigger_method: \"hover\" }) %>"
    }
  }
}