@retriever-ui/react/README.md

Conjunto de todos os componentes

<p align="center">
  <img src="https://housi-images.s3.amazonaws.com/retriever/logo.png" alt="Retriever logo" width="500" />
</p>

[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
[![styled with emotion](https://img.shields.io/badge/styled_with-emotion-ff69b4.svg)](https://github.com/emotion-js/emotion)
[![NPM](https://img.shields.io/npm/v/@retriever-ui/react?color=%23eee111&label=version)](https://www.npmjs.com/package/@retriever-ui/react)

This package are using

- Emotion
- Framer-Motion
- Jest
- Typescript

## Install

```bash
yarn add @retriever-ui/react
```

## Usage

```tsx
// app.tsx
import React from 'react'
import { RetrieverProvider } from '@retriever-ui/react'

const App = () => {
  return <RetrieverProvider>your code...</RetrieverProvider>
}

export default App
```

## setting our theme in your project

```tsx
// styles/styled.d.ts
import { ITheme } from '@retriever-ui/react'
import '@emotion/react'

declare module '@emotion/react' {
  export interface Theme extends ITheme {}
}
```