<template>
    <div class="title-image">
        <floor-header v-bind:title="floor.title"></floor-header>
        <a class="image" v-bind:href="floor.image.url">
            <img v-bind:src="floor.image.src | resize 750 364">
        </a>
    </div>
</template>

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

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

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

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

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