@stokr/components-library/dist/components/icons/ArrowSimple.stories.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.ArrowSimpleTop = exports.ArrowSimpleRight = exports.ArrowSimpleLeft = exports.ArrowSimpleBottom = void 0;
var _react = _interopRequireDefault(require("react"));
var _ArrowSimple = require("./ArrowSimple");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
  title: 'Components Library/Icons/ArrowSimple',
  component: _ArrowSimple.ArrowSimple
};
const Template = args => /*#__PURE__*/_react.default.createElement(_ArrowSimple.ArrowSimple, args);
const ArrowSimpleBottom = exports.ArrowSimpleBottom = Template.bind({});
ArrowSimpleBottom.args = {
  direction: 'bottom',
  children: 'ArrowSimpleBottom'
};
const ArrowSimpleRight = exports.ArrowSimpleRight = Template.bind({});
ArrowSimpleRight.args = {
  direction: 'right',
  children: 'ArrowSimpleRight'
};
const ArrowSimpleLeft = exports.ArrowSimpleLeft = Template.bind({});
ArrowSimpleLeft.args = {
  direction: 'left',
  children: 'ArrowSimpleLeft'
};
const ArrowSimpleTop = exports.ArrowSimpleTop = Template.bind({});
ArrowSimpleTop.args = {
  direction: 'top',
  children: 'ArrowSimpleTop'
};

//before
// export const arrowsimple = () => <ArrowSimple />

// export const ArrowSimpleBottom = () => (
//   <ArrowSimple direction="bottom"></ArrowSimple>
// )
// export const ArrowSimpleRight = () => (
//   <ArrowSimple direction="right"></ArrowSimple>
// )
// export const ArrowSimpleLeft = () => (
//   <ArrowSimple direction="left"></ArrowSimple>
// )
// export const ArrowSimpleTop = () => <ArrowSimple direction="top"></ArrowSimple>