@music-loopy/loops
Version:
A React component library for Music Loopy Applications and websites
66 lines (65 loc) • 2.82 kB
JavaScript
;
exports.__esModule = true;
exports["default"] = exports.Custom = exports.Common = exports.CenterText = exports.CenterColor = void 0;
var _test = require("@storybook/test");
var _index = _interopRequireDefault(require("./index"));
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _templateObject;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _taggedTemplateLiteralLoose(e, t) { return t || (t = e.slice(0)), e.raw = t, e; }
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
var _default = exports["default"] = {
title: 'Components/Divider ',
component: _index["default"],
parameters: {
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
layout: 'centered'
},
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
// More on argTypes: https://storybook.js.org/docs/api/argtypes
argTypes: {
center: {
control: {
type: 'object',
options: {
text: 'or',
variant: 'primary'
}
}
}
},
// Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
args: {
onClick: function onClick() {}
}
};
var Container = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n width: 600px;\n"])));
var Common = exports.Common = function Common(args) {
return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_index["default"], args));
};
var CenterText = exports.CenterText = function CenterText(args) {
return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
center: {
text: 'or'
}
}));
};
var CenterColor = exports.CenterColor = function CenterColor(args) {
return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
center: {
variant: 'primary',
text: 'or'
}
}));
};
var Custom = exports.Custom = function Custom(args) {
return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_index["default"], {
variant: args.variant || 'warning',
center: args.center || {
variant: 'danger',
text: 'Just do it!'
}
}));
};