orcs-design-system/es/components/Flex/FlexItem.stories.js

TeamForm's Design System, aka: ORCS

import React from "react";
import { FlexItem } from ".";
import Button from "../Button";
import Icon from "../Icon";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default {
  title: "Components/FlexItem",
  component: FlexItem
};
export const basicFlexItem = () => /*#__PURE__*/_jsx(FlexItem, {
  mx: "s",
  children: /*#__PURE__*/_jsxs(Button, {
    iconRight: true,
    children: ["Right aligned icon", /*#__PURE__*/_jsx(Icon, {
      icon: ["fas", "download"]
    })]
  })
});
basicFlexItem.storyName = "Basic Flex Item";
basicFlexItem.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "basicFlexItem"
};