wix-style-react/dist/es/stories/Tooltip/Composite/ExamplePopoverEmptyState.js

wix-style-react

import React from 'react';

import Tooltip from 'wix-style-react/Tooltip';
import Button from 'wix-style-react/Button';
import EmptyState from 'wix-style-react/EmptyState';

var ExamplePopoverEmptyState = function ExamplePopoverEmptyState() {
  return React.createElement(
    Tooltip,
    {
      popover: true,
      content: React.createElement(EmptyState, {
        title: 'You don\'t have labels yet',
        subtitle: 'Once you create some labels you\'ll see a list in here'
      }),
      placement: 'right',
      padding: 24,
      minWidth: 300,
      shouldCloseOnClickOutside: true,
      dataHook: 'popover-empty-state'
    },
    React.createElement(
      Button,
      null,
      'Click Me'
    )
  );
};

export default ExamplePopoverEmptyState;