{
  "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
  "name": "Filter",
  "description": "Filter component",
  "platforms": [
    "react",
    "rails"
  ],
  "props": {
    "background": {
      "type": "boolean",
      "platforms": [
        "react",
        "rails"
      ],
      "default": true
    },
    "double": {
      "type": "boolean",
      "platforms": [
        "react"
      ]
    },
    "filters": {
      "type": "GenericObject",
      "platforms": [
        "react",
        "rails"
      ]
    },
    "isCollapsed": {
      "type": "boolean",
      "platforms": [
        "react"
      ]
    },
    "maxHeight": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "minWidth": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "onCollapse": {
      "type": "function",
      "platforms": [
        "react"
      ]
    },
    "onSortChange": {
      "type": "function",
      "platforms": [
        "react"
      ]
    },
    "placement": {
      "type": "enum",
      "platforms": [
        "react",
        "rails"
      ],
      "values": [
        "top",
        "bottom",
        "left",
        "right",
        "top-start",
        "top-end",
        "bottom-start",
        "bottom-end",
        "right-start",
        "right-end",
        "left-start",
        "left-end"
      ],
      "default": "bottom-start"
    },
    "popoverProps": {
      "type": "GenericObject",
      "platforms": [
        "react",
        "rails"
      ]
    },
    "results": {
      "type": "number",
      "platforms": [
        "react",
        "rails"
      ]
    },
    "sortOptions": {
      "type": "GenericObject",
      "platforms": [
        "react"
      ]
    },
    "sortValue": {
      "type": "array",
      "platforms": [
        "react"
      ]
    },
    "variant": {
      "type": "string",
      "platforms": [
        "react"
      ]
    },
    "sortMenu": {
      "platforms": [
        "rails"
      ],
      "type": "array"
    },
    "template": {
      "platforms": [
        "rails"
      ],
      "type": "enum",
      "values": [
        "default",
        "single",
        "filter_only",
        "sort_only"
      ],
      "default": "default"
    },
    "interactiveFilters": {
      "platforms": [
        "rails"
      ],
      "type": "array"
    }
  },
  "globalProps": true,
  "usage": {
    "react": {
      "import": "import { Filter } from 'playbook-ui'",
      "example": "<Filter placement=\"top\" template=\"default\"></Filter>"
    },
    "rails": {
      "import": null,
      "example": "<%= pb_rails(\"filter\", props: { placement: \"top\", template: \"default\" }) %>"
    }
  }
}