How to use the ringcentral-widgets/enums/callCtrlLayouts.normalCtrl function in ringcentral-widgets

props.onMerge = () => null;
props.onHangup = () => null;
props.onFlip = () => null;
props.onPark = () => null;
props.onTransfer = () => null;
props.showBackButton = true;
props.onBackButtonClick = () => null;
props.onKeyPadChange = () => null;
props.formatPhone = () => null;
props.areaCode = '650';
props.countryCode = 'US';
props.selectedMatcherIndex = 0;
props.onSelectMatcherName = () => null;
props.searchContactList = [];
props.searchContact = () => null;
props.layout = callCtrlLayouts.normalCtrl;

/**
 * A example of `CallCtrlPanel`
 */
const CallCtrlPanelDemo = () => (
  <div style="{{">
    
  </div>
);

props.onUnmute = () => null;
props.onHold = () => null;
props.onUnhold = () => null;
props.onRecord = () => null;
props.onStopRecord = () => null;
props.onHangup = () => null;
props.onPark = () => null;
props.onShowKeyPad = () => null;
props.onAdd = () => null;
props.onMerge = () => null;
props.currentLocale = 'en-US';
props.flipNumbers = [];
props.recordStatus = 'recordStatus-idle';
props.onShowFlipPanel = () => null;
props.onToggleTransferPanel = () => null;
props.layout = callCtrlLayouts.normalCtrl;

/**
 * A example of `ActiveCallPad`
 */
const ActiveCallPadDemo = () => ;
export default ActiveCallPadDemo;