# Install

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

# Import

```tsx
import { MateToolbar } from '@mate-react/toolbar';
import { MateButton } from '@mate-react/button';
```

# Variants

## Section Toolbar

```tsx
<MateToolbar titleText="Section title" theme="section">
  <MateButton>Button</MateButton>
</MateToolbar>
```

## Grid Toolbar

```tsx
<MateToolbar titleText="Grid title" forGrid="gridId" statusMessage="Grid status">
  <MateButton>Button</MateButton>
</MateToolbar>
```

## Grid Toolbar Error

```tsx
<MateToolbar titleText="Grid title" forGrid="gridId" statusMessage="Grid error" theme="error">
  <MateButton>Button</MateButton>
</MateToolbar>