<template>
    <div class="base-content">
        <div :class="showTitle ? 'header-base-content' : 'hidden'">
            <div v-if="showIcon" class="icon-base-content">
                <i :class="icon"></i>
            </div>
            <div :class="`line-title-content`" class="left-margin-medium">
                <h2 class="text-h2-title" v-text="title" id="title"></h2>
                
            </div>
        </div>
        <div class="left-margin-x-large ">
            <h6 v-if="subtitle" class="text-h6-title text-gray" v-text="subtitle"></h6>
        </div>

        <slot>

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

<style src="./styles.css" scoped></style>
<script src="./scripts.js"></script>