@vonage/vivid-react/VwcLayout/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-layout",
 "path": "./../node_modules/@vonage/vwc-layout/src/vwc-layout.ts",
 "attributes": [
  {
   "name": "gutters",
   "type": "Gutters | undefined"
  },
  {
   "name": "column-basis",
   "type": "ColumnBasis",
   "default": "\"sm\""
  },
  {
   "name": "column-spacing",
   "type": "ColumnSpacing",
   "default": "\"md\""
  },
  {
   "name": "auto-sizing",
   "type": "AutoSizing | undefined"
  }
 ],
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult",
   "default": "\"style\""
  },
  {
   "name": "gutters",
   "attribute": "gutters",
   "type": "Gutters | undefined",
   "bindable": false
  },
  {
   "name": "columnBasis",
   "attribute": "column-basis",
   "type": "ColumnBasis",
   "default": "\"sm\"",
   "bindable": true
  },
  {
   "name": "columnSpacing",
   "attribute": "column-spacing",
   "type": "ColumnSpacing",
   "default": "\"md\"",
   "bindable": true
  },
  {
   "name": "autoSizing",
   "attribute": "auto-sizing",
   "type": "AutoSizing | undefined",
   "bindable": true
  }
 ],
 "cssProperties": [
  {
   "name": "layout-grid-template-columns",
   "description": "Controls the `grid-template-columns` of the layout",
   "default": "\"repeat([the `auto-sizing` mapped value],\\tminmax([the `column-basis` mapped value], 1fr))\""
  }
 ],
 "events": []
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-layout'


/**  
* @param {Gutters | undefined} gutters  attribute: <VwcLayout gutters />
* @param {ColumnBasis} columnBasis  attribute: <VwcLayout column-basis />
* @param {ColumnSpacing} columnSpacing  attribute: <VwcLayout column-spacing />
* @param {AutoSizing | undefined} autoSizing  attribute: <VwcLayout auto-sizing />
*/
const VwcLayout = wrapper('vwc-layout',  {
    events: [],
    attributes: [],
    properties: ["columnBasis","columnSpacing","autoSizing"]
});

VwcLayout.propTypes = {
  gutters: PropTypes.any /* Gutters | undefined *//* attribute: gutters */,
  columnBasis: PropTypes.any /* ColumnBasis *//* default: "sm" *//* attribute: column-basis */,
  columnSpacing: PropTypes.any /* ColumnSpacing *//* default: "md" *//* attribute: column-spacing */,
  autoSizing: PropTypes.any /* AutoSizing | undefined *//* attribute: auto-sizing */
}

VwcLayout.defaultProps = {
  columnBasis: "sm",
  columnSpacing: "md"
}

VwcLayout.displayName = 'VwcLayout'



export default VwcLayout