@vonage/vivid-react/VwcButton/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-button",
 "path": "./../node_modules/@vonage/vwc-button/vwc-button.d.ts",
 "properties": [
  {
   "name": "name",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "value",
   "type": "string | undefined",
   "bindable": false
  },
  {
   "name": "enlarged",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "layout",
   "type": "ButtonLayout | undefined",
   "bindable": false
  },
  {
   "name": "connotation",
   "type": "ButtonConnotation | undefined",
   "bindable": false
  },
  {
   "name": "shape",
   "type": "ButtonShape | undefined",
   "bindable": false
  },
  {
   "name": "type",
   "type": "string",
   "bindable": false
  },
  {
   "name": "formId",
   "type": "string | null",
   "bindable": false
  },
  {
   "name": "stacked",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "form",
   "type": "HTMLFormElement | null",
   "bindable": true
  },
  {
   "name": "styles",
   "type": "CSSResult[]"
  },
  {
   "name": "shadowRootOptions",
   "type": "ShadowRootInit",
   "bindable": false
  },
  {
   "name": "raised",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "unelevated",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "outlined",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "dense",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "disabled",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "trailingIcon",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "fullwidth",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "icon",
   "type": "string",
   "bindable": false
  },
  {
   "name": "label",
   "type": "string",
   "bindable": false
  },
  {
   "name": "expandContent",
   "type": "boolean",
   "bindable": false
  },
  {
   "name": "buttonElement",
   "type": "HTMLElement"
  },
  {
   "name": "ripple",
   "type": "Promise<Ripple | null>"
  }
 ],
 "events": [
  "click"
 ]
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-button'
import { createElement } from 'react'

/**  
* @param {string | undefined} name  
* @param {string | undefined} value  
* @param {boolean} enlarged  
* @param {ButtonLayout | undefined} layout  
* @param {ButtonConnotation | undefined} connotation  
* @param {ButtonShape | undefined} shape  
* @param {string} type  
* @param {string | null} formId  
* @param {boolean} stacked  
* @param {HTMLFormElement | null} form  
* @param {ShadowRootInit} shadowRootOptions  
* @param {boolean} raised  
* @param {boolean} unelevated  
* @param {boolean} outlined  
* @param {boolean} dense  
* @param {boolean} disabled  
* @param {boolean} trailingIcon  
* @param {boolean} fullwidth  
* @param {string} icon  
* @param {string} label  
* @param {boolean} expandContent  
*/
const VwcButton = wrapper('vwc-button',  {
    events: [{"name":"click","propName":"onClick"}],
    attributes: [],
    properties: ["form"]
});

VwcButton.propTypes = {
  onClick: PropTypes.func,
  name: PropTypes.string,
  value: PropTypes.string,
  enlarged: PropTypes.bool,
  layout: PropTypes.any /* ButtonLayout | undefined */,
  connotation: PropTypes.any /* ButtonConnotation | undefined */,
  shape: PropTypes.any /* ButtonShape | undefined */,
  type: PropTypes.string,
  formId: PropTypes.string,
  stacked: PropTypes.bool,
  form: PropTypes.any /* HTMLFormElement | null */,
  shadowRootOptions: PropTypes.any /* ShadowRootInit */,
  raised: PropTypes.bool,
  unelevated: PropTypes.bool,
  outlined: PropTypes.bool,
  dense: PropTypes.bool,
  disabled: PropTypes.bool,
  trailingIcon: PropTypes.bool,
  fullwidth: PropTypes.bool,
  icon: PropTypes.string,
  label: PropTypes.string,
  expandContent: PropTypes.bool
}

VwcButton.defaultProps = {

}

VwcButton.displayName = 'VwcButton'

const CallToAction = (props) => createElement(VwcButton, props)

CallToAction.defaultProps = {"unelevated":true,"connotation":"cta","type":"button","layout":"filled"}

VwcButton.CallToAction = CallToAction

const Alert = (props) => createElement(VwcButton, props)

Alert.defaultProps = {"unelevated":true,"connotation":"alert","type":"button","layout":"filled"}

VwcButton.Alert = Alert

const Outlined = (props) => createElement(VwcButton, props)

Outlined.defaultProps = {"unelevated":true,"layout":"outlined","type":"button"}

VwcButton.Outlined = Outlined

const Success = (props) => createElement(VwcButton, props)

Success.defaultProps = {"unelevated":true,"connotation":"success","type":"button","layout":"filled"}

VwcButton.Success = Success

const Info = (props) => createElement(VwcButton, props)

Info.defaultProps = {"unelevated":true,"connotation":"info","type":"button","layout":"filled"}

VwcButton.Info = Info

const Primary = (props) => createElement(VwcButton, props)

Primary.defaultProps = {"unelevated":true,"connotation":"primary","type":"button","layout":"filled"}

VwcButton.Primary = Primary

const Announcement = (props) => createElement(VwcButton, props)

Announcement.defaultProps = {"unelevated":true,"connotation":"announcement","type":"button","layout":"filled"}

VwcButton.Announcement = Announcement

export default VwcButton