import React from 'react';
import { Button } from '../../atoms/button/index.js';
import { Icon } from '../../atoms/icon/index.js';
import { Text } from '../../atoms/text/index.js';
import { InfoBox } from './info-box.js';
export default {
  title: 'DesignSystem/Molecules/InfoBox'
};
export const Default = () => /*#__PURE__*/React.createElement(InfoBox, {
  title: "There are no cars in the system"
}, /*#__PURE__*/React.createElement(Text, null, "Currently there are no cars in the system"), /*#__PURE__*/React.createElement(Text, null, "To create first click"), /*#__PURE__*/React.createElement(Button, {
  mt: "lg"
}, /*#__PURE__*/React.createElement(Icon, {
  icon: "Plus"
}), "Create"));