@vonage/vivid-react/v3/VwcEmptyState/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:
{
 "kind": "class",
 "description": "An empty state element. Used when there is no data to display to the user.",
 "name": "EmptyState",
 "cssProperties": [
  {
   "name": "--vvd-empty-state-cta-firm-all",
   "default": "var(--vvd-color-cta-600)"
  },
  {
   "name": "--vvd-empty-state-cta-dim",
   "default": "var(--vvd-color-cta-200)"
  },
  {
   "name": "--vvd-empty-state-cta-faint",
   "default": "var(--vvd-color-cta-50)"
  },
  {
   "name": "--vvd-empty-state-success-firm-all",
   "default": "var(--vvd-color-success-600)"
  },
  {
   "name": "--vvd-empty-state-success-dim",
   "default": "var(--vvd-color-success-200)"
  },
  {
   "name": "--vvd-empty-state-success-faint",
   "default": "var(--vvd-color-success-50)"
  },
  {
   "name": "--vvd-empty-state-alert-firm-all",
   "default": "var(--vvd-color-alert-600)"
  },
  {
   "name": "--vvd-empty-state-alert-dim",
   "default": "var(--vvd-color-alert-200)"
  },
  {
   "name": "--vvd-empty-state-alert-faint",
   "default": "var(--vvd-color-alert-50)"
  },
  {
   "name": "--vvd-empty-state-warning-firm-all",
   "default": "var(--vvd-color-warning-600)"
  },
  {
   "name": "--vvd-empty-state-warning-dim",
   "default": "var(--vvd-color-warning-200)"
  },
  {
   "name": "--vvd-empty-state-warning-faint",
   "default": "var(--vvd-color-warning-50)"
  },
  {
   "name": "--vvd-empty-state-information-firm-all",
   "default": "var(--vvd-color-information-600)"
  },
  {
   "name": "--vvd-empty-state-information-dim",
   "default": "var(--vvd-color-information-200)"
  },
  {
   "name": "--vvd-empty-state-information-faint",
   "default": "var(--vvd-color-information-50)"
  },
  {
   "name": "--vvd-empty-state-announcement-firm-all",
   "default": "var(--vvd-color-announcement-600)"
  },
  {
   "name": "--vvd-empty-state-announcement-dim",
   "default": "var(--vvd-color-announcement-200)"
  },
  {
   "name": "--vvd-empty-state-announcement-faint",
   "default": "var(--vvd-color-announcement-50)"
  },
  {
   "name": "--vvd-empty-state-accent-firm-all",
   "default": "var(--vvd-color-neutral-600)"
  },
  {
   "name": "--vvd-empty-state-accent-dim",
   "default": "var(--vvd-color-neutral-200)"
  },
  {
   "name": "--vvd-empty-state-accent-faint",
   "default": "var(--vvd-color-neutral-50)"
  }
 ],
 "slots": [
  {
   "description": "The default slot controls the body text of the empty state",
   "name": ""
  },
  {
   "description": "The graphic slot allows overriding the icon with a custom illustration",
   "name": "graphic"
  },
  {
   "description": "Slot to add action items to the empty state",
   "name": "action-items"
  }
 ],
 "members": [
  {
   "kind": "field",
   "name": "connotation",
   "type": {
    "text": "EmptyStateConnotation | undefined"
   },
   "description": "The connotation the empty state should have.",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "headline",
   "type": {
    "text": "string | undefined"
   },
   "description": "An optional headline for the empty state.",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "icon",
   "type": {
    "text": "string | undefined"
   },
   "description": "Icon for the empty state.",
   "privacy": "public"
  },
  {
   "kind": "field",
   "name": "iconDecoration",
   "type": {
    "text": "EmptyStateIconDecoration | undefined"
   },
   "description": ""
  },
  {
   "kind": "field",
   "name": "VIVID_VERSION",
   "static": true,
   "default": "__PACKAGE_VERSION__",
   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
   "type": {
    "text": "string"
   },
   "inheritedFrom": {
    "name": "VividElement",
    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
   }
  },
  {
   "kind": "field",
   "name": "componentName",
   "type": {
    "text": "string"
   },
   "static": true,
   "description": "Core component name, without prefix",
   "inheritedFrom": {
    "name": "VividElement",
    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
   }
  }
 ],
 "attributes": [
  {
   "name": "connotation",
   "type": {
    "text": "EmptyStateConnotation | undefined"
   },
   "description": "The connotation the empty state should have.",
   "fieldName": "connotation"
  },
  {
   "name": "headline",
   "type": {
    "text": "string | undefined"
   },
   "description": "An optional headline for the empty state.",
   "fieldName": "headline"
  },
  {
   "name": "icon",
   "type": {
    "text": "string | undefined"
   },
   "description": "Icon for the empty state.",
   "fieldName": "icon"
  },
  {
   "name": "icon-decoration",
   "type": {
    "text": "EmptyStateIconDecoration | undefined"
   },
   "fieldName": "iconDecoration"
  }
 ],
 "superclass": {
  "name": "VividElement",
  "module": "/src/shared/foundation/vivid-element/vivid-element"
 },
 "vividComponent": {
  "public": true,
  "name": "empty-state"
 }
}
*/
import wrapper from '@vonage/vivid-react-wrapper'
import { registerEmptyState } from '@vonage/vivid'

registerEmptyState('vvd3')

const VwcEmptyState = wrapper(`vvd3-empty-state`,  {
    events: [],
    attributes: [],
    properties: ['iconDecoration', 'connotation', 'connotation', 'headline', 'icon', 'iconDecoration', 'VIVID_VERSION', 'componentName']
})

VwcEmptyState.displayName = 'VwcEmptyState'

export default VwcEmptyState