div(
:class=`[
"gb-base-alert",
"gb-base-alert--" + color,
"gb-base-alert--" + computedTheme
]`
)
base-icon(
v-if="icon"
:name="icon"
class="gb-base-alert__icon gb-base-alert__icon--left"
size="20px"
)
span(
v-if="$slots.default && $slots.default[0].text.trim()"
class="gb-base-alert__slot"
)
slot
base-icon(
v-if="closable"
@click="onClose"
@keypress="onTabKeypress"
class="gb-base-alert__icon gb-base-alert__icon--right"
name="close"
size="20px"
tabindex="0"
)