@music-loopy/loops
Version:
A React component library for Music Loopy Applications and websites
82 lines (81 loc) • 2.21 kB
JavaScript
;
exports.__esModule = true;
exports.hasBackground = exports["default"] = exports.Vertical = exports.Horizontal = void 0;
var _test = require("@storybook/test");
var _index = require("./index");
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
var _default = exports["default"] = {
title: 'Components/SocialBar',
component: _index.SocialBar,
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: {
icons: {
control: 'array'
}
},
// 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: (0, _test.fn)()
}
}; // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
var Vertical = exports.Vertical = {
args: {
layout: 'vertical',
icons: [{
type: 'facebook',
onclick: (0, _test.fn)()
}, {
type: 'apple',
onclick: (0, _test.fn)()
}, {
type: 'google',
onclick: (0, _test.fn)()
}, {
type: 'instagram',
onclick: (0, _test.fn)()
}]
}
};
var Horizontal = exports.Horizontal = {
args: {
layout: 'horizontal',
icons: [{
type: 'facebook',
onclick: (0, _test.fn)()
}, {
type: 'apple',
onclick: (0, _test.fn)()
}, {
type: 'google',
onclick: (0, _test.fn)()
}, {
type: 'linkedin',
onclick: (0, _test.fn)()
}]
}
};
var hasBackground = exports.hasBackground = {
args: {
layout: 'horizontal',
hasBackground: true,
icons: [{
type: 'facebook',
onclick: (0, _test.fn)()
}, {
type: 'apple',
onclick: (0, _test.fn)()
}, {
type: 'google',
onclick: (0, _test.fn)()
}, {
type: 'linkedin',
onclick: (0, _test.fn)()
}]
}
};