@vonage/vivid-react/VwcSurface/index.d.ts

Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings

import React, { ReactNode, SyntheticEvent } from 'react';
import '@vonage/vwc-surface';
/**
* @param {HTMLSlotElement | null} slotElement
* @param {boolean} absolute
* @param {boolean} fullwidth
* @param {boolean} fixed
* @param {number | null} x
* @param {number | null} y
* @param {boolean} quick
* @param {boolean} open
* @param {boolean} stayOpenOnBodyClick
* @param {MenuCorner} menuCorner
* @param {"TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END"} corner
* @param {HTMLElement | null} anchor
* @param {HTMLDivElement} mdcRoot - Root element for MDC Foundation usage.

Define in your component with the `@query` decorator
*/
declare const VwcSurface: (props: {
    children?: ReactNode;
    slot?: string | undefined;
    id?: string | undefined;
    style?: React.CSSProperties | undefined;
    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
    onOpened?: ((event: SyntheticEvent) => void) | undefined;
    onClosed?: ((event: SyntheticEvent) => void) | undefined;
    slotElement?: any;
    absolute?: boolean | undefined;
    fullwidth?: boolean | undefined;
    fixed?: boolean | undefined;
    x?: number | undefined;
    y?: number | undefined;
    quick?: boolean | undefined;
    open?: boolean | undefined;
    stayOpenOnBodyClick?: boolean | undefined;
    menuCorner?: any;
    corner?: "TOP_LEFT" | "TOP_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_RIGHT" | "TOP_START" | "TOP_END" | "BOTTOM_START" | "BOTTOM_END" | undefined;
    anchor?: any;
    mdcRoot?: any;
}) => JSX.Element;
export default VwcSurface;