<template>
    <div class="mta-shiti-structure">
        <div class="mta-ss-title">{{title}}</div>
        <div class="mta-ss-content">
            <slot></slot>
        </div>

    </div>
</template>

<script>
    export default {
        name: "shitiStructure",
        props: {
            title: {
                require: true,
                type: String
            }
        }
    }
</script>

<style lang="scss" scoped>
.mta-shiti-structure {
    border: 1px solid #ccc;
    margin: 10px 20px 32px 20px;

    .mta-ss-content {
        padding: 20px 30px;
        word-break: break-word;
    }

    .mta-ss-title {
        text-align: left;
        padding-left: 30px;
        height: 40px;
        line-height: 40px;
        font-weight: bolder;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
</style>
