@vonage/vivid-react/VwcIconButtonToggle/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-icon-button-toggle",
 "path": "./../node_modules/@vonage/vwc-icon-button-toggle/vwc-icon-button-toggle.d.ts",
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "layout",
   "type": "IconButtonToggleLayout | undefined",
   "bindable": false
  },
  {
   "name": "connotation",
   "type": "IconButtonToggleConnotation | undefined",
   "bindable": false
  },
  {
   "name": "shape",
   "type": "IconButtonToggleShape | undefined",
   "bindable": false
  },
  {
   "name": "dense",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "enlarged",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "ariaLabel",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "disabled",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "onIcon",
   "type": "string",
   "bindable": false
  },
  {
   "name": "offIcon",
   "type": "string",
   "bindable": false
  },
  {
   "name": "ariaLabelOn",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "ariaLabelOff",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "on",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "ripple",
   "type": "Promise<Ripple | null>"
  }
 ],
 "events": [
  {
   "name": "MDCIconButtonToggle:change",
   "propName": "onChange"
  }
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-icon-button-toggle'


/**  
* @param {IconButtonToggleLayout | undefined} layout  
* @param {IconButtonToggleConnotation | undefined} connotation  
* @param {IconButtonToggleShape | undefined} shape  
* @param {boolean} dense  
* @param {boolean} enlarged  
* @param {string | undefined} ariaLabel  
* @param {boolean} disabled  
* @param {string} onIcon  
* @param {string} offIcon  
* @param {string | undefined} ariaLabelOn  
* @param {string | undefined} ariaLabelOff  
* @param {boolean} on  
*/
const VwcIconButtonToggle = wrapper('vwc-icon-button-toggle',  {
    events: [{"name":"MDCIconButtonToggle:change","propName":"onChange"}],
    attributes: [],
    properties: []
});

VwcIconButtonToggle.propTypes = {
  onChange: PropTypes.func,
  layout: PropTypes.any /* IconButtonToggleLayout | undefined */,
  connotation: PropTypes.any /* IconButtonToggleConnotation | undefined */,
  shape: PropTypes.any /* IconButtonToggleShape | undefined */,
  dense: PropTypes.bool,
  enlarged: PropTypes.bool,
  ariaLabel: PropTypes.string,
  disabled: PropTypes.bool,
  onIcon: PropTypes.string,
  offIcon: PropTypes.string,
  ariaLabelOn: PropTypes.string,
  ariaLabelOff: PropTypes.string,
  on: PropTypes.bool
}

VwcIconButtonToggle.defaultProps = {

}

VwcIconButtonToggle.displayName = 'VwcIconButtonToggle'



export default VwcIconButtonToggle