# Компонент BaseTabs

Компонент набора вкладок, используется (в основном) в карточках объекта.

### Использование компонента:

Компонент базовый, поэтому использование в проекте возможно без импорта.

```html
<template>
  <base-tabs :currentTab.sync="currentTab" :tabs="tabs" />
</template>
```

### Описание props

Поддерживаемые параметры.

1. `currentTab` - Текущая вкладка (заложено двустороннее связывание через `.sync`, если потребуется расширять функционал). Обязательный.
2. `tabs` - Массив вкладок.
3. `clickHandler` - Позволяет переопределить стандартное поведение на кастомное (при клике), либо отключить его вовсе. Возможные типы: `boolean | (tab: Tab) => void | undefined`.

### События

1. `@click -> function (tab: Tab)` - Событие, возникающее при клике на вкладку. Возвращает список вкладку, по которой был произведён клик.

### Слоты

Слоты для данного компонента не предусмотрены.

### Пример использования

`*.html`

```html
<base-tabs @clickHandler="false" :currentTab.sync="currentTab" :tabs="tabs" />
```

---

`*.ts`

```ts
const tabs = [
  {
    name: 'Tab 1',
    path: 'tab-1',
  },
  {
    name: 'Tab 2',
    path: 'tab-2',
  },
];

let currentTab = tabs[0];
```
