import React from 'react';
import Badge from '../..';
import FeedbackBanner from '../../../FeedbackBanner';
import { Box, Flexbox, Typography } from '../../../..';
export default {
  title: 'Molecules / Badge / Status',
  parameters: {
    component: Badge.Status
  }
};
export var InformationStatusBadge = {
  render: function render() {
    return React.createElement(React.Fragment, null, React.createElement(Box, {
      mb: 4
    }, React.createElement(Typography, {
      type: "title2"
    }, "Default Status Badge"), React.createElement(Box, null, React.createElement(Badge.Status, null))), React.createElement(Box, {
      mb: 4
    }, React.createElement(Typography, {
      type: "title2"
    }, "All combinations"), React.createElement(FeedbackBanner, {
      title: "NOTE",
      variant: "warning"
    }, "Triangle shape for warning variant yet to be implemented.")), React.createElement(Flexbox, {
      container: true
    }, React.createElement(Flexbox, {
      container: true,
      direction: "column"
    }, React.createElement(Badge.Status, {
      variant: "create",
      badgeSize: "xl"
    }), React.createElement(Badge.Status, {
      variant: "create",
      badgeSize: "l"
    }), React.createElement(Badge.Status, {
      variant: "create",
      badgeSize: "s"
    }), React.createElement(Badge.Status, {
      variant: "create",
      badgeSize: "xs"
    })), React.createElement(Flexbox, {
      container: true,
      direction: "column"
    }, React.createElement(Badge.Status, {
      variant: "complete",
      badgeSize: "xl"
    }), React.createElement(Badge.Status, {
      variant: "complete",
      badgeSize: "l"
    }), React.createElement(Badge.Status, {
      variant: "complete",
      badgeSize: "s"
    }), React.createElement(Badge.Status, {
      variant: "complete",
      badgeSize: "xs"
    })), React.createElement(Flexbox, {
      container: true,
      direction: "column"
    }, React.createElement(Badge.Status, {
      variant: "pending",
      badgeSize: "xl"
    }), React.createElement(Badge.Status, {
      variant: "pending",
      badgeSize: "l"
    }), React.createElement(Badge.Status, {
      variant: "pending",
      badgeSize: "s"
    }), React.createElement(Badge.Status, {
      variant: "pending",
      badgeSize: "xs"
    })), React.createElement(Flexbox, {
      container: true,
      direction: "column"
    }, React.createElement(Badge.Status, {
      variant: "error",
      badgeSize: "xl"
    }), React.createElement(Badge.Status, {
      variant: "error",
      badgeSize: "l"
    }), React.createElement(Badge.Status, {
      variant: "error",
      badgeSize: "s"
    }), React.createElement(Badge.Status, {
      variant: "error",
      badgeSize: "xs"
    })), React.createElement(Flexbox, {
      container: true,
      direction: "column"
    }, React.createElement(Badge.Status, {
      variant: "warning",
      badgeSize: "xl"
    }), React.createElement(Badge.Status, {
      variant: "warning",
      badgeSize: "l"
    }), React.createElement(Badge.Status, {
      variant: "warning",
      badgeSize: "s"
    }), React.createElement(Badge.Status, {
      variant: "warning",
      badgeSize: "xs"
    })), React.createElement(Flexbox, {
      container: true,
      direction: "column"
    }, React.createElement(Badge.Status, {
      variant: "information",
      badgeSize: "xl"
    }), React.createElement(Badge.Status, {
      variant: "information",
      badgeSize: "l"
    }), React.createElement(Badge.Status, {
      variant: "information",
      badgeSize: "s"
    }), React.createElement(Badge.Status, {
      variant: "information",
      badgeSize: "xs"
    }))));
  },
  name: 'Default and all combinations'
};