import React from 'react';
import Badge from '../..';
import { Display } from '../../../../common/Display';
export default {
  title: 'Molecules / Badge / Nested',
  parameters: {
    component: Badge.Nested
  }
};
export var Showcase = {
  render: function render() {
    return React.createElement(Display, {
      items: [{
        title: 'Large (default) logo with flag (28x32 px)',
        component: React.createElement(Badge.Nested, {
          fallback: "Nordnet",
          logoUrl: "/logo/nordnet.png",
          country: "SE"
        })
      }, {
        title: 'Medium logo with flag (26x28 px)',
        component: React.createElement(Badge.Nested, {
          badgeSize: "m",
          fallback: "Nordnet",
          logoUrl: "/logo/nordnet.png",
          country: "SE"
        })
      }, {
        title: 'Large (default) logo',
        component: React.createElement(Badge.Nested, {
          fallback: "Nordnet",
          logoUrl: "/logo/nordnet.png"
        })
      }, {
        title: 'Medium logo',
        component: React.createElement(Badge.Nested, {
          badgeSize: "m",
          fallback: "Nordnet",
          logoUrl: "/logo/nordnet.png"
        })
      }, {
        title: 'Large fallback with flag',
        component: React.createElement(Badge.Nested, {
          fallback: "Nordnet",
          country: "SE"
        })
      }, {
        title: 'Medium fallback with flag',
        component: React.createElement(Badge.Nested, {
          badgeSize: "m",
          fallback: "Nordnet",
          country: "SE"
        })
      }, {
        title: 'Large fallback',
        component: React.createElement(Badge.Nested, {
          fallback: "Nordnet"
        })
      }, {
        title: 'Medium fallback',
        component: React.createElement(Badge.Nested, {
          badgeSize: "m",
          fallback: "Nordnet"
        })
      }, {
        title: 'Large without fallback',
        component: React.createElement(Badge.Nested, null)
      }, {
        title: 'Medium without fallback',
        component: React.createElement(Badge.Nested, {
          badgeSize: "m"
        })
      }]
    });
  }
};