<template>
    <div class="title-image">
        <title-floor :title="{name: floor.title, more_name: floor.more_name, more_url: floor.more_url}"></title-floor>
        <a class="image" v-blk-href="floor.image.url">
            <img v-img-src="{src: floor.image.src, width: 750, height: 364}">
        </a>
    </div>
</template>

<script>
    import titleFloor from 'component/resources/title-floor.vue';

    export default {
        props: ['floor'],
        components: {
            titleFloor: titleFloor
        }
    };
</script>

<style>
    .title-image {
        a {
            display: block;
        }

        .image {
            width: 100%;
            height: 364px;
        }

        img {
            width: 100%;
            height: 100%;
        }
    }
</style>