@vonage/vivid-react/VwcText/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-text",
 "path": "./../node_modules/@vonage/vwc-text/src/vwc-text.ts",
 "attributes": [
  {
   "name": "font-face",
   "type": "VVDFontFace | undefined"
  },
  {
   "name": "connotation",
   "type": "TextConnotation | undefined"
  },
  {
   "name": "tight",
   "type": "boolean",
   "default": "false"
  }
 ],
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult",
   "default": "\"style\""
  },
  {
   "name": "fontFace",
   "attribute": "font-face",
   "type": "VVDFontFace | undefined",
   "bindable": true
  },
  {
   "name": "connotation",
   "attribute": "connotation",
   "type": "TextConnotation | undefined",
   "bindable": false
  },
  {
   "name": "tight",
   "attribute": "tight",
   "type": "boolean",
   "default": "false",
   "bindable": false
  }
 ],
 "events": []
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-text'


/**  
* @param {VVDFontFace | undefined} fontFace  attribute: <VwcText font-face />
* @param {TextConnotation | undefined} connotation  attribute: <VwcText connotation />
* @param {boolean} tight  attribute: <VwcText tight />
*/
const VwcText = wrapper('vwc-text',  {
    events: [],
    attributes: [],
    properties: ["fontFace"]
});

VwcText.propTypes = {
  fontFace: PropTypes.any /* VVDFontFace | undefined *//* attribute: font-face */,
  connotation: PropTypes.any /* TextConnotation | undefined *//* attribute: connotation */,
  tight: PropTypes.bool/* default: false *//* attribute: tight */
}

VwcText.defaultProps = {
  tight: false
}

VwcText.displayName = 'VwcText'



export default VwcText