import { Meta } from '@storybook/addon-docs';
import classes from './intro.scss';

<Meta title="Getting Started/Intro" />


<div className={classes["hero"]}>
  <style>
    {`
      .sbdocs-content {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
        border: 0;
      }
    `}
    </style>
  <div className={classes["hero-left"]}>
    <h1><img src="images/axinom-mosaic.svg" alt="Axinom Mosaic logo" /></h1>
    <p className={classes["hero-title"]}>
      Welcome to the Axinom Mosaic UI Storybook.
    </p>
    <div className={classes["hero-subtitle"]}>
      <p>This package provides the building blocks for building Axinom Mosaic management system workflows.</p>
    </div>
  </div>
  <div className={classes["hero-right"]}>
    <img src="images/intro.jpg"/>
  </div>
</div>


