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

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.ArrowTop = exports.ArrowRight = exports.ArrowLeft = exports.ArrowBottom = void 0;
var _react = _interopRequireDefault(require("react"));
var _Arrow = require("./Arrow");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
  title: 'Components Library/Icons/Arrow',
  component: _Arrow.Arrow,
  argTypes: {
    direction: {
      type: 'string',
      defaultValue: 'bottom'
    }
  },
  parameters: {
    backgrounds: {
      default: 'grey'
    }
  }
}; //making default background grey in story as the element is white
const Template = args => /*#__PURE__*/_react.default.createElement(_Arrow.Arrow, args);
const ArrowBottom = exports.ArrowBottom = Template.bind({});
ArrowBottom.args = {};
const ArrowRight = exports.ArrowRight = Template.bind({});
ArrowRight.args = {
  direction: 'right'
};
const ArrowLeft = exports.ArrowLeft = Template.bind({});
ArrowLeft.args = {
  direction: 'left'
};
const ArrowTop = exports.ArrowTop = Template.bind({});
ArrowTop.args = {
  direction: 'top'
};

//doublecheck:
//make variants from directions?