import { Meta, Story, Canvas } from '@storybook/addon-docs';

# Hello World! 💻📱

<Meta title="Overview / Introduction" />

<Canvas>
  <div class="vtmn-flex vtmn-bg-background-tertiary vtmn-rounded-lg vtmn-p-6 vtmn-mb-5">
    <p class="vtmn-text-center vtmn-font-semibold vtmn-text-content-primary">
      Welcome to <span class="vtmn-text-content-active">@vtmn/css</span>
      <span role="img" aria-label="Welcome menu">
        &nbsp;🎉
      </span>
    </p>
  </div>
</Canvas>

## Technologies

- [Tailwind CSS](https://tailwindcss.com/) - All this package is generated with Tailwind CSS, a utility-first CSS framework that can be composed to build any design, directly in your markup. Be careful, in order to use our library, you will have to prefix all CSS utility classes with `vtmn-`.
- [Storybook](https://storybook.js.org/) - CSS guidelines & components are exposed in a Storybook to help you understand how to consume this package.
- [PostCSS](https://postcss.org/) - Under the hood, we use PostCSS to build our library.
