@vonage/vivid-react/VwcExpansionPanel/index.js

Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings

/*
* DO NOT EDIT THIS FILE. IT IS GENERATED
*/
/*
Code in this file were generated using following JSON:
{
 "name": "vwc-expansion-panel",
 "path": "./../node_modules/@vonage/vwc-expansion-panel/src/vwc-expansion-panel.ts",
 "attributes": [
  {
   "name": "header",
   "type": "string",
   "default": "\"\"",
   "deprecatedMessage": "use \"heading\" instead"
  },
  {
   "name": "heading",
   "description": "The heading of the expanded panel",
   "type": "string",
   "default": "\"\""
  },
  {
   "name": "icon",
   "type": "string",
   "default": "\"\""
  },
  {
   "name": "indicatorIconSet",
   "type": "string",
   "default": "\"chevron\""
  },
  {
   "name": "meta",
   "type": "string",
   "default": "\"\""
  },
  {
   "name": "dense",
   "type": "boolean",
   "default": "false"
  },
  {
   "name": "leadingToggle",
   "type": "boolean",
   "default": "false"
  },
  {
   "name": "noRipple",
   "type": "boolean",
   "default": "false"
  },
  {
   "name": "open",
   "type": "boolean",
   "default": "false"
  }
 ],
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult",
   "default": "\"style\""
  },
  {
   "name": "header",
   "attribute": "header",
   "type": "string",
   "default": "\"\"",
   "deprecatedMessage": "use \"heading\" instead",
   "bindable": false
  },
  {
   "name": "heading",
   "attribute": "heading",
   "description": "The heading of the expanded panel",
   "type": "string",
   "default": "\"\"",
   "bindable": false
  },
  {
   "name": "icon",
   "attribute": "icon",
   "type": "string",
   "default": "\"\"",
   "bindable": false
  },
  {
   "name": "indicatorIconSet",
   "attribute": "indicatorIconSet",
   "type": "string",
   "default": "\"chevron\"",
   "bindable": false
  },
  {
   "name": "meta",
   "attribute": "meta",
   "type": "string",
   "default": "\"\"",
   "bindable": false
  },
  {
   "name": "dense",
   "attribute": "dense",
   "type": "boolean",
   "default": "false",
   "bindable": false
  },
  {
   "name": "leadingToggle",
   "attribute": "leadingToggle",
   "type": "boolean",
   "default": "false",
   "bindable": false
  },
  {
   "name": "noRipple",
   "attribute": "noRipple",
   "type": "boolean",
   "default": "false",
   "bindable": false
  },
  {
   "name": "ripple",
   "type": "Promise<Ripple>",
   "bindable": false
  },
  {
   "name": "open",
   "attribute": "open",
   "type": "boolean",
   "default": "false",
   "bindable": false
  }
 ],
 "events": [
  {
   "name": "closed"
  },
  {
   "name": "opened"
  }
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-expansion-panel'


/**  
* @param {string} header  attribute: &lt;VwcExpansionPanel header />
* @param {string} heading - The heading of the expanded panel attribute: &lt;VwcExpansionPanel heading />
* @param {string} icon  attribute: &lt;VwcExpansionPanel icon />
* @param {string} indicatorIconSet  attribute: &lt;VwcExpansionPanel indicatorIconSet />
* @param {string} meta  attribute: &lt;VwcExpansionPanel meta />
* @param {boolean} dense  attribute: &lt;VwcExpansionPanel dense />
* @param {boolean} leadingToggle  attribute: &lt;VwcExpansionPanel leadingToggle />
* @param {boolean} noRipple  attribute: &lt;VwcExpansionPanel noRipple />
* @param {Promise<Ripple>} ripple  
* @param {boolean} open  attribute: &lt;VwcExpansionPanel open />
*/
const VwcExpansionPanel = wrapper('vwc-expansion-panel',  {
    events: [{"name":"opened"},{"name":"closed"}],
    attributes: [],
    properties: []
});

VwcExpansionPanel.propTypes = {
  onClosed: PropTypes.func,
  onOpened: PropTypes.func,
  header: PropTypes.string/* default: "" *//* attribute: header */,
  heading: PropTypes.string/* default: "" *//* attribute: heading */,
  icon: PropTypes.string/* default: "" *//* attribute: icon */,
  indicatorIconSet: PropTypes.string/* default: "chevron" *//* attribute: indicatorIconSet */,
  meta: PropTypes.string/* default: "" *//* attribute: meta */,
  dense: PropTypes.bool/* default: false *//* attribute: dense */,
  leadingToggle: PropTypes.bool/* default: false *//* attribute: leadingToggle */,
  noRipple: PropTypes.bool/* default: false *//* attribute: noRipple */,
  ripple: PropTypes.any /* Promise<Ripple> */,
  open: PropTypes.bool/* default: false *//* attribute: open */
}

VwcExpansionPanel.defaultProps = {
  header: "",
  heading: "",
  icon: "",
  indicatorIconSet: "chevron",
  meta: "",
  dense: false,
  leadingToggle: false,
  noRipple: false,
  open: false
}

VwcExpansionPanel.displayName = 'VwcExpansionPanel'



export default VwcExpansionPanel