import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="Docs/Intro" />

<div style={{ margin: '0 auto', maxWidth: '600px', color: 'white', textAlign: 'center', display: 'flex', flexDirection: 'column' }}>
  <img
    style={{ width: '75%', margin: '0 auto 2em auto' }}
    src="https://raw.githubusercontent.com/reaviz/reachat/refs/heads/master/src/assets/logo/logo.png"
  />
  <br />
  <div style={{ display: 'flex' }}>
    <a href="https://github.com/reaviz/reachat/actions/workflows/build.yml" target="_blank">
      <img src="https://github.com/reaviz/reachat/actions/workflows/build.yml/badge.svg" />
    </a>
    <span>&nbsp;&nbsp;</span>
    <a href="https://npm.im/reachat" target="_blank">
      <img src="https://img.shields.io/npm/v/reachat.svg" />
    </a>
    <span>&nbsp;&nbsp;</span>
    <a href="https://npm.im/reachat" target="_blank">
      <img src="https://badgen.net/npm/dw/reachat" />
    </a>
    <span>&nbsp;&nbsp;</span>
    <a href="https://github.com/reaviz/reachat/blob/master/LICENSE" target="_blank">
      <img src="https://badgen.now.sh/badge/license/apache2" />
    </a>
    <span>&nbsp;&nbsp;</span>
    <a href="https://github.com/reaviz/reachat" target="_blank">
      <img alt="GitHub stars" src="https://img.shields.io/github/stars/reaviz/reachat?style=social" />
    </a>
    <span>&nbsp;&nbsp;</span>
    <a href="https://discord.gg/tt8wGExq35" target="_blank">
      <img src="https://img.shields.io/discord/773948315037073409?label=discord" />
    </a>
  </div>
  <br />

  ---

  reachat is a set o building blocks for LLM UIs
</div>