@stokr/components-library
Version:
STOKR - Components Library
75 lines (74 loc) • 2.41 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.BackgroundMobile2 = exports.BackgroundMobile = exports.BackgroundDefault = void 0;
var _viewport = require("storybook/viewport");
var _react = _interopRequireDefault(require("react"));
var _Background = require("./Background");
var _global = _interopRequireDefault(require("../../styles/global"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
title: 'Components Library/Background',
component: _Background.Background,
argTypes: {
src: {
type: 'string',
required: true,
defaultValue: 'https://www.cookingclassy.com/wp-content/uploads/2014/06/chocolate-chip-cookie-16.jpg'
},
mobileRatio: {
type: 'string',
defaultValue: ''
},
children: {
type: 'node',
defaultValue: /*#__PURE__*/_react.default.createElement("div", null)
},
investmentOpportunities: {
type: 'node'
},
caption: {
type: 'string',
defaultValue: ''
}
},
parameters: {
viewport: {
viewports: _viewport.INITIAL_VIEWPORTS,
defaultViewport: ''
}
}
};
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Background.Background, args, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
const BackgroundDefault = exports.BackgroundDefault = Template.bind({});
BackgroundDefault.args = {
src: 'https://www.cookingclassy.com/wp-content/uploads/2014/06/chocolate-chip-cookie-16.jpg'
};
BackgroundDefault.parameters = {
viewport: {
defaultViewport: 'reset viewport'
}
};
const BackgroundMobile = exports.BackgroundMobile = Template.bind({});
BackgroundMobile.args = {
mobileRatio: '16:9',
children: /*#__PURE__*/_react.default.createElement("div", null)
};
BackgroundMobile.parameters = {
viewport: {
defaultViewport: 'iphonex'
}
};
const BackgroundMobile2 = exports.BackgroundMobile2 = Template.bind({});
BackgroundMobile2.args = {
mobileRatio: '16:9',
contain: true,
withPadding: true,
caption: 'AMP ID at the top right of your SideSwap wallet.'
};
BackgroundMobile2.parameters = {
viewport: {
defaultViewport: 'iphonex'
}
};