import { Meta, ArgTypes, Story } from "@storybook/addon-docs/blocks";
import * as TrustStories from "./Trust.stories";
import { Trust } from "./Trust";

<Meta of={TrustStories} />

# Trust

The `Trust` component is used for to display review summary from Trustpilot.

## Install

```bash
yarn add @simplybusiness/mobius
```

## Usage

```js
import { Trust } from "@simplybusiness/mobius";
```

## MicroCombo

<Story of={TrustStories.MicroCombo} />

## Mini

<Story of={TrustStories.Mini} />

## Horizontal

<Story of={TrustStories.Horizontal} />

## Carousel

<Story of={TrustStories.Carousel} />

## Micro Star

<Story of={TrustStories.MicroStar} />

## Props

<ArgTypes of={Trust} />

## Component HTML Structure and Class names

The following HTML is rendered for a Trust:

```html
<div class="mobius-trust --is-dark --is-variant-micro-combo">
  <a
    href="https://www.trustpilot.com/review/simplybusiness.com"
    target="_blank"
    rel="noopener noreferrer"
  >
    Trustpilot
  </a>
</div>
```
