design-system-simplefi/build/src/components/MultiAvatar/MultiAvatar.stories.js

Design System for SimpleFi Applications

import React from 'react';
import MultiAvatar from './MultiAvatar';
export default {
    title: 'components/MultiAvatar',
    component: MultiAvatar,
};
export var SmallAvatarWithBorder = function () { return (React.createElement(MultiAvatar, { logos: [
        'https://simplefi-image-storage.s3.eu-west-2.amazonaws.com/tokens/0x0000000000000000000000000000000000000000.png',
        'https://simplefi-image-storage.s3.eu-west-2.amazonaws.com/tokens/0x0000000000000000000000000000000000000000.png',
    ], size: "sm", border: true })); };
export var MediumAvatar = function () { return (React.createElement(MultiAvatar, { border: false, logos: [
        'https://simplefi-image-storage.s3.eu-west-2.amazonaws.com/tokens/0x0000000000000000000000000000000000000000.png',
        'https://simplefi-image-storage.s3.eu-west-2.amazonaws.com/tokens/0x0000000000000000000000000000000000000000.png',
    ], size: "md" })); };
export var LargeAvatar = function () { return (React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
    React.createElement("p", null, " hello"),
    React.createElement(MultiAvatar, { border: false, logos: [
            'https://simplefi-image-storage.s3.eu-west-2.amazonaws.com/tokens/0x0000000000000000000000000000000000000000.png',
            'https://simplefi-image-storage.s3.eu-west-2.amazonaws.com/tokens/0x0000000000000000000000000000000000000000.png',
        ], size: "lg" }))); };
export var XLargeAvatar = function () { return (React.createElement(MultiAvatar, { border: false, logos: [
        'https://simplefi-image-storage.s3.eu-west-2.amazonaws.com/tokens/0x0000000000000000000000000000000000000000.png',
        'https://simplefi-image-storage.s3.eu-west-2.amazonaws.com/tokens/0x0000000000000000000000000000000000000000.png',
    ], size: "xl" })); };
//# sourceMappingURL=MultiAvatar.stories.js.map