var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { LitElement, css, html, nothing } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import { styleMap } from 'lit/directives/style-map.js';
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
import { cssReset } from '../../utils/css-reset.js';
import addOutline from './icons/add-outline.svg';
import archiveOutline from './icons/archive-outline.svg';
import assetsOutline from './icons/assets-outline.svg';
import browseOutline from './icons/browse-outline.svg';
import caretDownOutline from './icons/caret-down-outline.svg';
import caretUpOutline from './icons/caret-up-outline.svg';
import checkmarkFill from './icons/checkmark-fill.svg';
import closeOutline from './icons/close-outline.svg';
import communityOutline from './icons/community-outline.svg';
import copyClipboardOutline from './icons/copy-clipboard-outline.svg';
import dayOutline from './icons/day-outline.svg';
import deleteOutline from './icons/delete-outline.svg';
import downloadOutline from './icons/download-outline.svg';
import externalOutline from './icons/external-outline.svg';
import infoOutline from './icons/info-outline.svg';
import nightOutline from './icons/night-outline.svg';
import overflowHorizontalOutline from './icons/overflow-horizontal-outline.svg';
import readingOutline from './icons/reading-outline.svg';
import renameOutline from './icons/rename-outline.svg';
import reportOutline from './icons/report-outline.svg';
import resizeHorizontalOutline from './icons/resize-horizontal-outline.svg';
import restartOutline from './icons/restart-outline.svg';
import shareNewOutline from './icons/share-new-outline.svg';
import unmountOutline from './icons/unmount-outline.svg';
const icons = {
    'add-outline': addOutline,
    'archived-outline': archiveOutline,
    'assets-outline': assetsOutline,
    'browse-outline': browseOutline,
    'caret-down-outline': caretDownOutline,
    'caret-up-outline': caretUpOutline,
    'checkmark-fill': checkmarkFill,
    'close-outline': closeOutline,
    'community-outline': communityOutline,
    'copy-clipboard-outline': copyClipboardOutline,
    'day-outline': dayOutline,
    'delete-outline': deleteOutline,
    'download-outline': downloadOutline,
    'external-outline': externalOutline,
    'info-outline': infoOutline,
    'night-outline': nightOutline,
    'overflow-horizontal-outline': overflowHorizontalOutline,
    'reading-outline': readingOutline,
    'rename-outline': renameOutline,
    'report-outline': reportOutline,
    'resize-horizontal-outline': resizeHorizontalOutline,
    'restart-outline': restartOutline,
    'share-ios-outline': unmountOutline,
    'share-new-outline': shareNewOutline
};
let PlayIcon = class PlayIcon extends LitElement {
    constructor() {
        super(...arguments);
        this.size = '16px';
        this.color = 'currentColor';
    }
    render() {
        const style = {
            width: this.size,
            height: this.size,
            fill: this.color,
            color: this.color
        };
        return this.icon
            ? html `
          <div style=${styleMap(style)}>${unsafeHTML(icons[this.icon])}</div>
        `
            : nothing;
    }
};
PlayIcon.styles = css `
    ${cssReset}
  `;
__decorate([
    property({ type: String })
], PlayIcon.prototype, "size", void 0);
__decorate([
    property({ type: String })
], PlayIcon.prototype, "color", void 0);
__decorate([
    property({ type: String })
], PlayIcon.prototype, "icon", void 0);
PlayIcon = __decorate([
    customElement('play-icon')
], PlayIcon);
export { PlayIcon };
//# sourceMappingURL=play-icon.js.map