<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" :href="floor.image.url | transformBlk">
            <img v-bind:src="floor.image.src | resize 750 364">
        </a>
    </div>
</template>

<script>
    const titleFloor = require('component/resources/title-floor.vue');

    module.exports = {
        props: ['floor'],
        components: {
            titleFloor: titleFloor
        }
    };
</script>

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

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

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