# Install

```shell
npm i @mate-react/notification
```

# Import

```tsx
import { MateNotification } from '@mate-react/notification';
```

# Variants

## Information

```tsx
<MateNotification duration={5000} position="top-center" opened={opened} onOpenedChanged={e => setOpened(e.detail.value)}>
  Sie verwenden nun die Softwareversion 2.0.
</MateNotification>
```

## Success

```tsx
<MateNotification theme="success" duration={5000} position="top-center" opened={opened} onOpenedChanged={e => setOpened(e.detail.value)}>
  Der Datensatz wurde gespeichert.
</MateNotification>
```

## Warning

```tsx
<MateNotification theme="warning" duration={5000} position="top-center" opened={opened} onOpenedChanged={e => setOpened(e.detail.value)}>
  Ihr Passwort läuft in 5 Tagen ab.
</MateNotification>
```

## Error

```tsx
<MateNotification theme="error" duration={0} position="top-center" opened={opened} onOpenedChanged={e => setOpened(e.detail.value)}>
  Der Datensatz konnte nicht gespeichert werden.
</MateNotification>