@vonage/vivid-react/VwcPopup/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-popup",
 "path": "./../node_modules/@vonage/vwc-popup/src/vwc-popup.ts",
 "description": "Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.\nPopup's goal is to provide additional, helpful content.   \nTo trigger the Popup, it should be paired with an anchor (e.g., a button).",
 "attributes": [
  {
   "name": "open",
   "type": "boolean",
   "default": "false"
  },
  {
   "name": "anchor",
   "type": "string",
   "default": "\"\""
  },
  {
   "name": "dismissible",
   "type": "boolean | undefined"
  },
  {
   "name": "corner",
   "type": "Placement",
   "default": "\"left\""
  },
  {
   "name": "strategy",
   "type": "Strategy",
   "default": "\"fixed\""
  },
  {
   "name": "arrow",
   "type": "boolean | undefined"
  },
  {
   "name": "alternate",
   "type": "boolean | undefined"
  }
 ],
 "properties": [
  {
   "name": "styles",
   "type": "CSSResult",
   "default": "\"style\"",
   "bindable": false
  },
  {
   "name": "open",
   "attribute": "open",
   "type": "boolean",
   "default": "false",
   "bindable": false
  },
  {
   "name": "anchor",
   "attribute": "anchor",
   "type": "string",
   "default": "\"\"",
   "bindable": false
  },
  {
   "name": "dismissible",
   "attribute": "dismissible",
   "type": "boolean | undefined",
   "bindable": false
  },
  {
   "name": "corner",
   "attribute": "corner",
   "type": "Placement",
   "default": "\"left\"",
   "bindable": false
  },
  {
   "name": "strategy",
   "attribute": "strategy",
   "type": "Strategy",
   "default": "\"fixed\"",
   "bindable": false
  },
  {
   "name": "arrow",
   "attribute": "arrow",
   "type": "boolean | undefined",
   "bindable": false
  },
  {
   "name": "alternate",
   "attribute": "alternate",
   "type": "boolean | undefined",
   "bindable": false
  }
 ],
 "events": []
}
*/
import PropTypes from 'prop-types'
import wrapper from '@vonage/vivid-react-wrapper'
import '@vonage/vwc-popup'


/** Popup are used to display a message or notification to the user and are displayed on top of all other web page elements.
Popup's goal is to provide additional, helpful content.   
To trigger the Popup, it should be paired with an anchor (e.g., a button). 
* @param {CSSResult} styles  
* @param {boolean} open  attribute: <VwcPopup open />
* @param {string} anchor  attribute: <VwcPopup anchor />
* @param {boolean | undefined} dismissible  attribute: <VwcPopup dismissible />
* @param {Placement} corner  attribute: <VwcPopup corner />
* @param {Strategy} strategy  attribute: <VwcPopup strategy />
* @param {boolean | undefined} arrow  attribute: <VwcPopup arrow />
* @param {boolean | undefined} alternate  attribute: <VwcPopup alternate />
*/
const VwcPopup = wrapper('vwc-popup',  {
    events: [],
    attributes: [],
    properties: []
});

VwcPopup.propTypes = {
  styles: PropTypes.any /* CSSResult *//* default: "style" */,
  open: PropTypes.bool/* default: false *//* attribute: open */,
  anchor: PropTypes.string/* default: "" *//* attribute: anchor */,
  dismissible: PropTypes.any /* boolean | undefined *//* attribute: dismissible */,
  corner: PropTypes.any /* Placement *//* default: "left" *//* attribute: corner */,
  strategy: PropTypes.any /* Strategy *//* default: "fixed" *//* attribute: strategy */,
  arrow: PropTypes.any /* boolean | undefined *//* attribute: arrow */,
  alternate: PropTypes.any /* boolean | undefined *//* attribute: alternate */
}

VwcPopup.defaultProps = {
  styles: "style",
  open: false,
  anchor: "",
  corner: "left",
  strategy: "fixed"
}

VwcPopup.displayName = 'VwcPopup'



export default VwcPopup