box-ui-elements-mlh/es/components/ghost/Ghost.stories.js

Box UI Elements

import * as React from 'react';
import { boolean } from '@storybook/addon-knobs';
import Media from '../media';
import Ghost from './Ghost';
import notes from './Ghost.stories.md';
export var regular = function regular() {
  return /*#__PURE__*/React.createElement(Ghost, {
    isAnimated: boolean('isAnimated', true)
  });
};
export var withoutAnimation = function withoutAnimation() {
  return /*#__PURE__*/React.createElement(Ghost, {
    isAnimated: false
  });
};
export var circle = function circle() {
  return /*#__PURE__*/React.createElement(Ghost, {
    borderRadius: "50%",
    width: 32,
    height: 32
  });
};
export var rectangle = function rectangle() {
  return /*#__PURE__*/React.createElement(Ghost, {
    width: 100,
    height: 32
  });
};
export var pill = function pill() {
  return /*#__PURE__*/React.createElement(Ghost, {
    borderRadius: 12,
    width: 100,
    height: 24
  });
};
export var complicatedLayout = function complicatedLayout() {
  return /*#__PURE__*/React.createElement(Media, {
    style: {
      maxWidth: 400
    }
  }, /*#__PURE__*/React.createElement(Media.Figure, null, /*#__PURE__*/React.createElement(Ghost, {
    borderRadius: "50%",
    height: 32,
    width: 32
  })), /*#__PURE__*/React.createElement(Media.Body, null, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Ghost, null), /*#__PURE__*/React.createElement(Ghost, null), /*#__PURE__*/React.createElement(Ghost, {
    width: "50%"
  })), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Ghost, {
    width: 100,
    height: 32
  }), " ", /*#__PURE__*/React.createElement(Ghost, {
    width: 100,
    height: 32
  }))));
};
export default {
  title: 'Components|Ghost',
  component: Ghost,
  parameters: {
    notes: notes
  }
};
//# sourceMappingURL=Ghost.stories.js.map