/*
  Copyright (c) Microsoft Corporation.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
*/

import { Story, Meta } from '@storybook/react/types-6-0';
import React from 'react';
import { Toolbar, ToolbarProps } from './toolbar';

export default {
  title: 'Components/Toolbar',
  component: Toolbar,
} as Meta;

const Template: Story<ToolbarProps> = args => <Toolbar {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  buttons: [
    { title: 'Copy', icon: 'clone', onClick: () => {} },
    { title: 'Erase', icon: 'trashcan', onClick: () => {} },
    { title: 'Close', icon: 'close', onClick: () => {} },
  ]
};

export const All = Template.bind({});
All.args = {
  buttons: [
    { title: 'Close', icon: 'add', onClose: () => {} },
    { title: 'Close', icon: 'plus', onClose: () => {} },
    { title: 'Close', icon: 'gist-new', onClose: () => {} },
    { title: 'Close', icon: 'repo-create', onClose: () => {} },
    { title: 'Close', icon: 'lightbulb', onClose: () => {} },
    { title: 'Close', icon: 'light-bulb', onClose: () => {} },
    { title: 'Close', icon: 'repo', onClose: () => {} },
    { title: 'Close', icon: 'repo-delete', onClose: () => {} },
    { title: 'Close', icon: 'gist-fork', onClose: () => {} },
    { title: 'Close', icon: 'repo-forked', onClose: () => {} },
    { title: 'Close', icon: 'git-pull-request', onClose: () => {} },
    { title: 'Close', icon: 'git-pull-request-abandoned', onClose: () => {} },
    { title: 'Close', icon: 'record-keys', onClose: () => {} },
    { title: 'Close', icon: 'keyboard', onClose: () => {} },
    { title: 'Close', icon: 'tag', onClose: () => {} },
    { title: 'Close', icon: 'tag-add', onClose: () => {} },
    { title: 'Close', icon: 'tag-remove', onClose: () => {} },
    { title: 'Close', icon: 'person', onClose: () => {} },
    { title: 'Close', icon: 'person-add', onClose: () => {} },
    { title: 'Close', icon: 'person-follow', onClose: () => {} },
    { title: 'Close', icon: 'person-outline', onClose: () => {} },
    { title: 'Close', icon: 'person-filled', onClose: () => {} },
    { title: 'Close', icon: 'git-branch', onClose: () => {} },
    { title: 'Close', icon: 'git-branch-create', onClose: () => {} },
    { title: 'Close', icon: 'git-branch-delete', onClose: () => {} },
    { title: 'Close', icon: 'source-control', onClose: () => {} },
    { title: 'Close', icon: 'mirror', onClose: () => {} },
    { title: 'Close', icon: 'mirror-public', onClose: () => {} },
    { title: 'Close', icon: 'star', onClose: () => {} },
    { title: 'Close', icon: 'star-add', onClose: () => {} },
    { title: 'Close', icon: 'star-delete', onClose: () => {} },
    { title: 'Close', icon: 'star-empty', onClose: () => {} },
    { title: 'Close', icon: 'comment', onClose: () => {} },
    { title: 'Close', icon: 'comment-add', onClose: () => {} },
    { title: 'Close', icon: 'alert', onClose: () => {} },
    { title: 'Close', icon: 'warning', onClose: () => {} },
    { title: 'Close', icon: 'search', onClose: () => {} },
    { title: 'Close', icon: 'search-save', onClose: () => {} },
    { title: 'Close', icon: 'log-out', onClose: () => {} },
    { title: 'Close', icon: 'sign-out', onClose: () => {} },
    { title: 'Close', icon: 'log-in', onClose: () => {} },
    { title: 'Close', icon: 'sign-in', onClose: () => {} },
    { title: 'Close', icon: 'eye', onClose: () => {} },
    { title: 'Close', icon: 'eye-unwatch', onClose: () => {} },
    { title: 'Close', icon: 'eye-watch', onClose: () => {} },
    { title: 'Close', icon: 'circle-filled', onClose: () => {} },
    { title: 'Close', icon: 'primitive-dot', onClose: () => {} },
    { title: 'Close', icon: 'close-dirty', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-disabled', onClose: () => {} },
    { title: 'Close', icon: 'debug-hint', onClose: () => {} },
    { title: 'Close', icon: 'primitive-square', onClose: () => {} },
    { title: 'Close', icon: 'edit', onClose: () => {} },
    { title: 'Close', icon: 'pencil', onClose: () => {} },
    { title: 'Close', icon: 'info', onClose: () => {} },
    { title: 'Close', icon: 'issue-opened', onClose: () => {} },
    { title: 'Close', icon: 'gist-private', onClose: () => {} },
    { title: 'Close', icon: 'git-fork-private', onClose: () => {} },
    { title: 'Close', icon: 'lock', onClose: () => {} },
    { title: 'Close', icon: 'mirror-private', onClose: () => {} },
    { title: 'Close', icon: 'close', onClose: () => {} },
    { title: 'Close', icon: 'remove-close', onClose: () => {} },
    { title: 'Close', icon: 'x', onClose: () => {} },
    { title: 'Close', icon: 'repo-sync', onClose: () => {} },
    { title: 'Close', icon: 'sync', onClose: () => {} },
    { title: 'Close', icon: 'clone', onClose: () => {} },
    { title: 'Close', icon: 'desktop-download', onClose: () => {} },
    { title: 'Close', icon: 'beaker', onClose: () => {} },
    { title: 'Close', icon: 'microscope', onClose: () => {} },
    { title: 'Close', icon: 'vm', onClose: () => {} },
    { title: 'Close', icon: 'device-desktop', onClose: () => {} },
    { title: 'Close', icon: 'file', onClose: () => {} },
    { title: 'Close', icon: 'file-text', onClose: () => {} },
    { title: 'Close', icon: 'more', onClose: () => {} },
    { title: 'Close', icon: 'ellipsis', onClose: () => {} },
    { title: 'Close', icon: 'kebab-horizontal', onClose: () => {} },
    { title: 'Close', icon: 'mail-reply', onClose: () => {} },
    { title: 'Close', icon: 'reply', onClose: () => {} },
    { title: 'Close', icon: 'organization', onClose: () => {} },
    { title: 'Close', icon: 'organization-filled', onClose: () => {} },
    { title: 'Close', icon: 'organization-outline', onClose: () => {} },
    { title: 'Close', icon: 'new-file', onClose: () => {} },
    { title: 'Close', icon: 'file-add', onClose: () => {} },
    { title: 'Close', icon: 'new-folder', onClose: () => {} },
    { title: 'Close', icon: 'file-directory-create', onClose: () => {} },
    { title: 'Close', icon: 'trash', onClose: () => {} },
    { title: 'Close', icon: 'trashcan', onClose: () => {} },
    { title: 'Close', icon: 'history', onClose: () => {} },
    { title: 'Close', icon: 'clock', onClose: () => {} },
    { title: 'Close', icon: 'folder', onClose: () => {} },
    { title: 'Close', icon: 'file-directory', onClose: () => {} },
    { title: 'Close', icon: 'symbol-folder', onClose: () => {} },
    { title: 'Close', icon: 'logo-github', onClose: () => {} },
    { title: 'Close', icon: 'mark-github', onClose: () => {} },
    { title: 'Close', icon: 'github', onClose: () => {} },
    { title: 'Close', icon: 'terminal', onClose: () => {} },
    { title: 'Close', icon: 'console', onClose: () => {} },
    { title: 'Close', icon: 'repl', onClose: () => {} },
    { title: 'Close', icon: 'zap', onClose: () => {} },
    { title: 'Close', icon: 'symbol-event', onClose: () => {} },
    { title: 'Close', icon: 'error', onClose: () => {} },
    { title: 'Close', icon: 'stop', onClose: () => {} },
    { title: 'Close', icon: 'variable', onClose: () => {} },
    { title: 'Close', icon: 'symbol-variable', onClose: () => {} },
    { title: 'Close', icon: 'array', onClose: () => {} },
    { title: 'Close', icon: 'symbol-array', onClose: () => {} },
    { title: 'Close', icon: 'symbol-module', onClose: () => {} },
    { title: 'Close', icon: 'symbol-package', onClose: () => {} },
    { title: 'Close', icon: 'symbol-namespace', onClose: () => {} },
    { title: 'Close', icon: 'symbol-object', onClose: () => {} },
    { title: 'Close', icon: 'symbol-method', onClose: () => {} },
    { title: 'Close', icon: 'symbol-function', onClose: () => {} },
    { title: 'Close', icon: 'symbol-constructor', onClose: () => {} },
    { title: 'Close', icon: 'symbol-boolean', onClose: () => {} },
    { title: 'Close', icon: 'symbol-null', onClose: () => {} },
    { title: 'Close', icon: 'symbol-numeric', onClose: () => {} },
    { title: 'Close', icon: 'symbol-number', onClose: () => {} },
    { title: 'Close', icon: 'symbol-structure', onClose: () => {} },
    { title: 'Close', icon: 'symbol-struct', onClose: () => {} },
    { title: 'Close', icon: 'symbol-parameter', onClose: () => {} },
    { title: 'Close', icon: 'symbol-type-parameter', onClose: () => {} },
    { title: 'Close', icon: 'symbol-key', onClose: () => {} },
    { title: 'Close', icon: 'symbol-text', onClose: () => {} },
    { title: 'Close', icon: 'symbol-reference', onClose: () => {} },
    { title: 'Close', icon: 'go-to-file', onClose: () => {} },
    { title: 'Close', icon: 'symbol-enum', onClose: () => {} },
    { title: 'Close', icon: 'symbol-value', onClose: () => {} },
    { title: 'Close', icon: 'symbol-ruler', onClose: () => {} },
    { title: 'Close', icon: 'symbol-unit', onClose: () => {} },
    { title: 'Close', icon: 'activate-breakpoints', onClose: () => {} },
    { title: 'Close', icon: 'archive', onClose: () => {} },
    { title: 'Close', icon: 'arrow-both', onClose: () => {} },
    { title: 'Close', icon: 'arrow-down', onClose: () => {} },
    { title: 'Close', icon: 'arrow-left', onClose: () => {} },
    { title: 'Close', icon: 'arrow-right', onClose: () => {} },
    { title: 'Close', icon: 'arrow-small-down', onClose: () => {} },
    { title: 'Close', icon: 'arrow-small-left', onClose: () => {} },
    { title: 'Close', icon: 'arrow-small-right', onClose: () => {} },
    { title: 'Close', icon: 'arrow-small-up', onClose: () => {} },
    { title: 'Close', icon: 'arrow-up', onClose: () => {} },
    { title: 'Close', icon: 'bell', onClose: () => {} },
    { title: 'Close', icon: 'bold', onClose: () => {} },
    { title: 'Close', icon: 'book', onClose: () => {} },
    { title: 'Close', icon: 'bookmark', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-conditional-unverified', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-conditional', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-conditional-disabled', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-data-unverified', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-data', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-data-disabled', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-log-unverified', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-log', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-log-disabled', onClose: () => {} },
    { title: 'Close', icon: 'briefcase', onClose: () => {} },
    { title: 'Close', icon: 'broadcast', onClose: () => {} },
    { title: 'Close', icon: 'browser', onClose: () => {} },
    { title: 'Close', icon: 'bug', onClose: () => {} },
    { title: 'Close', icon: 'calendar', onClose: () => {} },
    { title: 'Close', icon: 'case-sensitive', onClose: () => {} },
    { title: 'Close', icon: 'check', onClose: () => {} },
    { title: 'Close', icon: 'checklist', onClose: () => {} },
    { title: 'Close', icon: 'chevron-down', onClose: () => {} },
    { title: 'Close', icon: 'chevron-left', onClose: () => {} },
    { title: 'Close', icon: 'chevron-right', onClose: () => {} },
    { title: 'Close', icon: 'chevron-up', onClose: () => {} },
    { title: 'Close', icon: 'chrome-close', onClose: () => {} },
    { title: 'Close', icon: 'chrome-maximize', onClose: () => {} },
    { title: 'Close', icon: 'chrome-minimize', onClose: () => {} },
    { title: 'Close', icon: 'chrome-restore', onClose: () => {} },
    { title: 'Close', icon: 'circle-outline', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-unverified', onClose: () => {} },
    { title: 'Close', icon: 'circle-slash', onClose: () => {} },
    { title: 'Close', icon: 'circuit-board', onClose: () => {} },
    { title: 'Close', icon: 'clear-all', onClose: () => {} },
    { title: 'Close', icon: 'clippy', onClose: () => {} },
    { title: 'Close', icon: 'close-all', onClose: () => {} },
    { title: 'Close', icon: 'cloud-download', onClose: () => {} },
    { title: 'Close', icon: 'cloud-upload', onClose: () => {} },
    { title: 'Close', icon: 'code', onClose: () => {} },
    { title: 'Close', icon: 'collapse-all', onClose: () => {} },
    { title: 'Close', icon: 'color-mode', onClose: () => {} },
    { title: 'Close', icon: 'comment-discussion', onClose: () => {} },
    { title: 'Close', icon: 'compare-changes', onClose: () => {} },
    { title: 'Close', icon: 'credit-card', onClose: () => {} },
    { title: 'Close', icon: 'dash', onClose: () => {} },
    { title: 'Close', icon: 'dashboard', onClose: () => {} },
    { title: 'Close', icon: 'database', onClose: () => {} },
    { title: 'Close', icon: 'debug-continue', onClose: () => {} },
    { title: 'Close', icon: 'debug-disconnect', onClose: () => {} },
    { title: 'Close', icon: 'debug-pause', onClose: () => {} },
    { title: 'Close', icon: 'debug-restart', onClose: () => {} },
    { title: 'Close', icon: 'debug-start', onClose: () => {} },
    { title: 'Close', icon: 'debug-step-into', onClose: () => {} },
    { title: 'Close', icon: 'debug-step-out', onClose: () => {} },
    { title: 'Close', icon: 'debug-step-over', onClose: () => {} },
    { title: 'Close', icon: 'debug-stop', onClose: () => {} },
    { title: 'Close', icon: 'debug', onClose: () => {} },
    { title: 'Close', icon: 'device-camera-video', onClose: () => {} },
    { title: 'Close', icon: 'device-camera', onClose: () => {} },
    { title: 'Close', icon: 'device-mobile', onClose: () => {} },
    { title: 'Close', icon: 'diff-added', onClose: () => {} },
    { title: 'Close', icon: 'diff-ignored', onClose: () => {} },
    { title: 'Close', icon: 'diff-modified', onClose: () => {} },
    { title: 'Close', icon: 'diff-removed', onClose: () => {} },
    { title: 'Close', icon: 'diff-renamed', onClose: () => {} },
    { title: 'Close', icon: 'diff', onClose: () => {} },
    { title: 'Close', icon: 'discard', onClose: () => {} },
    { title: 'Close', icon: 'editor-layout', onClose: () => {} },
    { title: 'Close', icon: 'empty-window', onClose: () => {} },
    { title: 'Close', icon: 'exclude', onClose: () => {} },
    { title: 'Close', icon: 'extensions', onClose: () => {} },
    { title: 'Close', icon: 'eye-closed', onClose: () => {} },
    { title: 'Close', icon: 'file-binary', onClose: () => {} },
    { title: 'Close', icon: 'file-code', onClose: () => {} },
    { title: 'Close', icon: 'file-media', onClose: () => {} },
    { title: 'Close', icon: 'file-pdf', onClose: () => {} },
    { title: 'Close', icon: 'file-submodule', onClose: () => {} },
    { title: 'Close', icon: 'file-symlink-directory', onClose: () => {} },
    { title: 'Close', icon: 'file-symlink-file', onClose: () => {} },
    { title: 'Close', icon: 'file-zip', onClose: () => {} },
    { title: 'Close', icon: 'files', onClose: () => {} },
    { title: 'Close', icon: 'filter', onClose: () => {} },
    { title: 'Close', icon: 'flame', onClose: () => {} },
    { title: 'Close', icon: 'fold-down', onClose: () => {} },
    { title: 'Close', icon: 'fold-up', onClose: () => {} },
    { title: 'Close', icon: 'fold', onClose: () => {} },
    { title: 'Close', icon: 'folder-active', onClose: () => {} },
    { title: 'Close', icon: 'folder-opened', onClose: () => {} },
    { title: 'Close', icon: 'gear', onClose: () => {} },
    { title: 'Close', icon: 'gift', onClose: () => {} },
    { title: 'Close', icon: 'gist-secret', onClose: () => {} },
    { title: 'Close', icon: 'gist', onClose: () => {} },
    { title: 'Close', icon: 'git-commit', onClose: () => {} },
    { title: 'Close', icon: 'git-compare', onClose: () => {} },
    { title: 'Close', icon: 'git-merge', onClose: () => {} },
    { title: 'Close', icon: 'github-action', onClose: () => {} },
    { title: 'Close', icon: 'github-alt', onClose: () => {} },
    { title: 'Close', icon: 'globe', onClose: () => {} },
    { title: 'Close', icon: 'grabber', onClose: () => {} },
    { title: 'Close', icon: 'graph', onClose: () => {} },
    { title: 'Close', icon: 'gripper', onClose: () => {} },
    { title: 'Close', icon: 'heart', onClose: () => {} },
    { title: 'Close', icon: 'home', onClose: () => {} },
    { title: 'Close', icon: 'horizontal-rule', onClose: () => {} },
    { title: 'Close', icon: 'hubot', onClose: () => {} },
    { title: 'Close', icon: 'inbox', onClose: () => {} },
    { title: 'Close', icon: 'issue-closed', onClose: () => {} },
    { title: 'Close', icon: 'issue-reopened', onClose: () => {} },
    { title: 'Close', icon: 'issues', onClose: () => {} },
    { title: 'Close', icon: 'italic', onClose: () => {} },
    { title: 'Close', icon: 'jersey', onClose: () => {} },
    { title: 'Close', icon: 'json', onClose: () => {} },
    { title: 'Close', icon: 'kebab-vertical', onClose: () => {} },
    { title: 'Close', icon: 'key', onClose: () => {} },
    { title: 'Close', icon: 'law', onClose: () => {} },
    { title: 'Close', icon: 'lightbulb-autofix', onClose: () => {} },
    { title: 'Close', icon: 'link-external', onClose: () => {} },
    { title: 'Close', icon: 'link', onClose: () => {} },
    { title: 'Close', icon: 'list-ordered', onClose: () => {} },
    { title: 'Close', icon: 'list-unordered', onClose: () => {} },
    { title: 'Close', icon: 'live-share', onClose: () => {} },
    { title: 'Close', icon: 'loading', onClose: () => {} },
    { title: 'Close', icon: 'location', onClose: () => {} },
    { title: 'Close', icon: 'mail-read', onClose: () => {} },
    { title: 'Close', icon: 'mail', onClose: () => {} },
    { title: 'Close', icon: 'markdown', onClose: () => {} },
    { title: 'Close', icon: 'megaphone', onClose: () => {} },
    { title: 'Close', icon: 'mention', onClose: () => {} },
    { title: 'Close', icon: 'milestone', onClose: () => {} },
    { title: 'Close', icon: 'mortar-board', onClose: () => {} },
    { title: 'Close', icon: 'move', onClose: () => {} },
    { title: 'Close', icon: 'multiple-windows', onClose: () => {} },
    { title: 'Close', icon: 'mute', onClose: () => {} },
    { title: 'Close', icon: 'no-newline', onClose: () => {} },
    { title: 'Close', icon: 'note', onClose: () => {} },
    { title: 'Close', icon: 'octoface', onClose: () => {} },
    { title: 'Close', icon: 'open-preview', onClose: () => {} },
    { title: 'Close', icon: 'package', onClose: () => {} },
    { title: 'Close', icon: 'paintcan', onClose: () => {} },
    { title: 'Close', icon: 'pin', onClose: () => {} },
    { title: 'Close', icon: 'play', onClose: () => {} },
    { title: 'Close', icon: 'run', onClose: () => {} },
    { title: 'Close', icon: 'plug', onClose: () => {} },
    { title: 'Close', icon: 'preserve-case', onClose: () => {} },
    { title: 'Close', icon: 'preview', onClose: () => {} },
    { title: 'Close', icon: 'project', onClose: () => {} },
    { title: 'Close', icon: 'pulse', onClose: () => {} },
    { title: 'Close', icon: 'question', onClose: () => {} },
    { title: 'Close', icon: 'quote', onClose: () => {} },
    { title: 'Close', icon: 'radio-tower', onClose: () => {} },
    { title: 'Close', icon: 'reactions', onClose: () => {} },
    { title: 'Close', icon: 'references', onClose: () => {} },
    { title: 'Close', icon: 'refresh', onClose: () => {} },
    { title: 'Close', icon: 'regex', onClose: () => {} },
    { title: 'Close', icon: 'remote-explorer', onClose: () => {} },
    { title: 'Close', icon: 'remote', onClose: () => {} },
    { title: 'Close', icon: 'remove', onClose: () => {} },
    { title: 'Close', icon: 'replace-all', onClose: () => {} },
    { title: 'Close', icon: 'replace', onClose: () => {} },
    { title: 'Close', icon: 'repo-clone', onClose: () => {} },
    { title: 'Close', icon: 'repo-force-push', onClose: () => {} },
    { title: 'Close', icon: 'repo-pull', onClose: () => {} },
    { title: 'Close', icon: 'repo-push', onClose: () => {} },
    { title: 'Close', icon: 'report', onClose: () => {} },
    { title: 'Close', icon: 'request-changes', onClose: () => {} },
    { title: 'Close', icon: 'rocket', onClose: () => {} },
    { title: 'Close', icon: 'root-folder-opened', onClose: () => {} },
    { title: 'Close', icon: 'root-folder', onClose: () => {} },
    { title: 'Close', icon: 'rss', onClose: () => {} },
    { title: 'Close', icon: 'ruby', onClose: () => {} },
    { title: 'Close', icon: 'save-all', onClose: () => {} },
    { title: 'Close', icon: 'save-as', onClose: () => {} },
    { title: 'Close', icon: 'save', onClose: () => {} },
    { title: 'Close', icon: 'screen-full', onClose: () => {} },
    { title: 'Close', icon: 'screen-normal', onClose: () => {} },
    { title: 'Close', icon: 'search-stop', onClose: () => {} },
    { title: 'Close', icon: 'server', onClose: () => {} },
    { title: 'Close', icon: 'settings-gear', onClose: () => {} },
    { title: 'Close', icon: 'settings', onClose: () => {} },
    { title: 'Close', icon: 'shield', onClose: () => {} },
    { title: 'Close', icon: 'smiley', onClose: () => {} },
    { title: 'Close', icon: 'sort-precedence', onClose: () => {} },
    { title: 'Close', icon: 'split-horizontal', onClose: () => {} },
    { title: 'Close', icon: 'split-vertical', onClose: () => {} },
    { title: 'Close', icon: 'squirrel', onClose: () => {} },
    { title: 'Close', icon: 'star-full', onClose: () => {} },
    { title: 'Close', icon: 'star-half', onClose: () => {} },
    { title: 'Close', icon: 'symbol-class', onClose: () => {} },
    { title: 'Close', icon: 'symbol-color', onClose: () => {} },
    { title: 'Close', icon: 'symbol-constant', onClose: () => {} },
    { title: 'Close', icon: 'symbol-enum-member', onClose: () => {} },
    { title: 'Close', icon: 'symbol-field', onClose: () => {} },
    { title: 'Close', icon: 'symbol-file', onClose: () => {} },
    { title: 'Close', icon: 'symbol-interface', onClose: () => {} },
    { title: 'Close', icon: 'symbol-keyword', onClose: () => {} },
    { title: 'Close', icon: 'symbol-misc', onClose: () => {} },
    { title: 'Close', icon: 'symbol-operator', onClose: () => {} },
    { title: 'Close', icon: 'symbol-property', onClose: () => {} },
    { title: 'Close', icon: 'wrench', onClose: () => {} },
    { title: 'Close', icon: 'wrench-subaction', onClose: () => {} },
    { title: 'Close', icon: 'symbol-snippet', onClose: () => {} },
    { title: 'Close', icon: 'tasklist', onClose: () => {} },
    { title: 'Close', icon: 'telescope', onClose: () => {} },
    { title: 'Close', icon: 'text-size', onClose: () => {} },
    { title: 'Close', icon: 'three-bars', onClose: () => {} },
    { title: 'Close', icon: 'thumbsdown', onClose: () => {} },
    { title: 'Close', icon: 'thumbsup', onClose: () => {} },
    { title: 'Close', icon: 'tools', onClose: () => {} },
    { title: 'Close', icon: 'triangle-down', onClose: () => {} },
    { title: 'Close', icon: 'triangle-left', onClose: () => {} },
    { title: 'Close', icon: 'triangle-right', onClose: () => {} },
    { title: 'Close', icon: 'triangle-up', onClose: () => {} },
    { title: 'Close', icon: 'twitter', onClose: () => {} },
    { title: 'Close', icon: 'unfold', onClose: () => {} },
    { title: 'Close', icon: 'unlock', onClose: () => {} },
    { title: 'Close', icon: 'unmute', onClose: () => {} },
    { title: 'Close', icon: 'unverified', onClose: () => {} },
    { title: 'Close', icon: 'verified', onClose: () => {} },
    { title: 'Close', icon: 'versions', onClose: () => {} },
    { title: 'Close', icon: 'vm-active', onClose: () => {} },
    { title: 'Close', icon: 'vm-outline', onClose: () => {} },
    { title: 'Close', icon: 'vm-running', onClose: () => {} },
    { title: 'Close', icon: 'watch', onClose: () => {} },
    { title: 'Close', icon: 'whitespace', onClose: () => {} },
    { title: 'Close', icon: 'whole-word', onClose: () => {} },
    { title: 'Close', icon: 'window', onClose: () => {} },
    { title: 'Close', icon: 'word-wrap', onClose: () => {} },
    { title: 'Close', icon: 'zoom-in', onClose: () => {} },
    { title: 'Close', icon: 'zoom-out', onClose: () => {} },
    { title: 'Close', icon: 'list-filter', onClose: () => {} },
    { title: 'Close', icon: 'list-flat', onClose: () => {} },
    { title: 'Close', icon: 'list-selection', onClose: () => {} },
    { title: 'Close', icon: 'selection', onClose: () => {} },
    { title: 'Close', icon: 'list-tree', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-function-unverified', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-function', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-function-disabled', onClose: () => {} },
    { title: 'Close', icon: 'debug-stackframe-active', onClose: () => {} },
    { title: 'Close', icon: 'debug-stackframe-dot', onClose: () => {} },
    { title: 'Close', icon: 'debug-stackframe', onClose: () => {} },
    { title: 'Close', icon: 'debug-stackframe-focused', onClose: () => {} },
    { title: 'Close', icon: 'debug-breakpoint-unsupported', onClose: () => {} },
    { title: 'Close', icon: 'symbol-string', onClose: () => {} },
    { title: 'Close', icon: 'debug-reverse-continue', onClose: () => {} },
    { title: 'Close', icon: 'debug-step-back', onClose: () => {} },
    { title: 'Close', icon: 'debug-restart-frame', onClose: () => {} },
    { title: 'Close', icon: 'call-incoming', onClose: () => {} },
    { title: 'Close', icon: 'call-outgoing', onClose: () => {} },
    { title: 'Close', icon: 'menu', onClose: () => {} },
    { title: 'Close', icon: 'expand-all', onClose: () => {} },
    { title: 'Close', icon: 'feedback', onClose: () => {} },
    { title: 'Close', icon: 'group-by-ref-type', onClose: () => {} },
    { title: 'Close', icon: 'ungroup-by-ref-type', onClose: () => {} },
    { title: 'Close', icon: 'account', onClose: () => {} },
    { title: 'Close', icon: 'bell-dot', onClose: () => {} },
    { title: 'Close', icon: 'debug-console', onClose: () => {} },
    { title: 'Close', icon: 'library', onClose: () => {} },
    { title: 'Close', icon: 'output', onClose: () => {} },
    { title: 'Close', icon: 'run-all', onClose: () => {} },
    { title: 'Close', icon: 'sync-ignored', onClose: () => {} },
    { title: 'Close', icon: 'pinned', onClose: () => {} },
    { title: 'Close', icon: 'github-inverted', onClose: () => {} },
    { title: 'Close', icon: 'debug-alt', onClose: () => {} },
    { title: 'Close', icon: 'server-process', onClose: () => {} },
    { title: 'Close', icon: 'server-environment', onClose: () => {} },
    { title: 'Close', icon: 'pass', onClose: () => {} },
    { title: 'Close', icon: 'stop-circle', onClose: () => {} },
    { title: 'Close', icon: 'play-circle', onClose: () => {} },
    { title: 'Close', icon: 'record', onClose: () => {} },
    { title: 'Close', icon: 'debug-alt-small', onClose: () => {} },
    { title: 'Close', icon: 'vm-connect', onClose: () => {} },
    { title: 'Close', icon: 'cloud', onClose: () => {} },
    { title: 'Close', icon: 'merge', onClose: () => {} },
    { title: 'Close', icon: 'export', onClose: () => {} },
    { title: 'Close', icon: 'graph-left', onClose: () => {} },
    { title: 'Close', icon: 'magnet', onClose: () => {} },
    
  ]
};
