wix-style-react/dist/es/stories/MessageBox/AlertExamples/EmptyState.js

wix-style-react

/* eslint-disable react/prop-types */
import React from 'react';
import { MessageBoxFunctionalLayout } from 'wix-style-react/MessageBox';
import EmptyState from 'wix-style-react/EmptyState';

import ImagePlaceholder from '../../assets/ImagePlaceholder';

export default (function () {
  return React.createElement(
    MessageBoxFunctionalLayout,
    {
      title: 'Choose Your Favorites',
      confirmText: 'Select',
      cancelText: 'Cancel',
      theme: 'blue',
      disableConfirmation: true,
      withEmptyState: true,
      dataHook: 'alert-empty-state'
    },
    React.createElement(EmptyState, {
      title: 'You don\'t have any favorites yet',
      subtitle: 'Go back and add some items to your favorites\' list',
      image: React.createElement(ImagePlaceholder, null)
    })
  );
});