<template>
    <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>
</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>