{
  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
  "name": "Popover",
  "description": "Popover component",
  "platforms": [
    "react",
    "rails"
  ],
  "props": {
    "appendTo": {
      "type": "string",
      "platforms": [
        "react",
        "rails"
      ],
      "default": "body"
    },
    "closeOnClick": {
      "type": "enum",
      "platforms": [
        "react",
        "rails"
      ],
      "values": [
        "outside",
        "inside",
        "any"
      ],
      "default": "none"
    },
    "offset": {
      "type": "boolean",
      "platforms": [
        "react",
        "rails"
      ],
      "default": false
    },
    "reference": {
      "type": "PopperReference & any",
      "platforms": [
        "react"
      ]
    },
    "show": {
      "type": "boolean",
      "platforms": [
        "react"
      ],
      "default": false
    },
    "shouldClosePopover": {
      "type": "function",
      "platforms": [
        "react"
      ],
      "default": "noop"
    },
    "triggerElementId": {
      "platforms": [
        "rails"
      ]
    },
    "tooltipId": {
      "platforms": [
        "rails"
      ]
    }
  },
  "globalProps": true,
  "usage": {
    "react": {
      "import": "import { Popover } from 'playbook-ui'",
      "example": "<Popover closeOnClick=\"outside\"></Popover>"
    },
    "rails": {
      "import": null,
      "example": "<%= pb_rails(\"popover\", props: { close_on_click: \"outside\" }) %>"
    }
  }
}