import React from 'react';
import { addStoryInGroup, MID_LEVEL_BLOCKS } from '../../../.storybook/utils';
import EmptyState from './EmptyState';
import { Marker } from '../typography';
var title = /*#__PURE__*/React.createElement(React.Fragment, null, "I am the empty state title that ", /*#__PURE__*/React.createElement(Marker, null, "highlights"), " a keyword");
export default {
  component: EmptyState,
  title: addStoryInGroup(MID_LEVEL_BLOCKS, 'EmptyState'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=1898%3A0'
    }
  }
};
export var Basic = function Basic(args) {
  return /*#__PURE__*/React.createElement(EmptyState, args);
};
Basic.args = {
  metaText: 'I am the meta information of the EmptyState'
};
export var WithTitle = function WithTitle(args) {
  return /*#__PURE__*/React.createElement(EmptyState, args);
};
WithTitle.args = {
  metaText: 'I am the meta information and I basically explain that you can start adding content via the add button above.',
  title: title
};