<template id="tesoft-badge-template">
    <style>
        @import "/src/styles/default.css";

        :host {
            display: block;
        }

        :host > div {
            background-color: var(--light-gray);
            border-radius: 0.4rem;
            color: var(--gray);
            font-weight: 600;
            padding: var(--small-padding) var(--medium-padding);
        }

        slot {
            align-items: center;
            display: grid;
            gap: var(--small-padding);
            grid-auto-flow: column;
            justify-content: start;
        }

        ::slotted(svg) {
            fill: var(--gray);
        }
    </style>

    <div>
        <slot></slot>
    </div>
</template>

<script src="/src/components/badge.ts" type="module"></script>
