@catho/quantum-storybook-ui/src/components/UiStyle/sub-components/Ui.jsx

A **Design System** is the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards. Over time, these 'systems' are growing in popularity - a very popular one is [Q

import React from 'react';
import { createGlobalStyle } from 'styled-components';

const Style = createGlobalStyle`
  body {
    margin: 0;
    padding: 0 0 90px 0;
  }

  pre {
    margin-bottom: 0;
  }

  code {
    background-color: #f6f8fa;
    display: inline-block;
    font-family: 'Fira Mono';
    font-size: 12px;
    line-height: 2.5;
    padding: 2px 5px;
  }
`;

const Ui = () => (
  <>
    <Style />
    <link href="https://fonts.googleapis.com/css?family=Fira+Mono" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block" rel="stylesheet" />
  </>
);

export default Ui;