@stokr/components-library
Version:
STOKR - Components Library
49 lines (46 loc) • 1.59 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.FooterRedWithSidebar = exports.FooterRed = exports.FooterPrimary = void 0;
var _react = _interopRequireDefault(require("react"));
var _Footer = require("./Footer");
var _global = _interopRequireDefault(require("../../styles/global"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
title: 'Components Library/Footer',
component: _Footer.Footer,
argTypes: {
color: {
options: ['primary', 'red'],
control: {
type: ''
},
hasSidebar: {
type: 'boolean',
default: false
},
isSidebarExpanded: {
type: 'boolean',
default: false
}
}
}
};
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Footer.Footer, args));
const FooterPrimary = exports.FooterPrimary = Template.bind({});
FooterPrimary.args = {};
const FooterRed = exports.FooterRed = Template.bind({});
FooterRed.args = {
color: 'red'
};
const FooterRedWithSidebar = exports.FooterRedWithSidebar = Template.bind({});
FooterRedWithSidebar.args = {
color: 'red',
hasSidebar: true,
isSidebarExpanded: true
};
// export const footerprimary = () => <Footer color="primary"></Footer>
// export const footerred = () => <Footer color="red"></Footer>
//doublecheck:
// padding missing for primary in Footer.styles