<template>
    <resource class="resource-single-image">
        <a-link
            :title="value.title"
            :href="img.url"
            v-for="(img, index) in value.list"
            :key="index">
            <img-format
                :src="img.src"
                :w="value.imageWidth"
                :h="value.imageHeight"
                :alt="img.alt">
            </img-format>
        </a-link>
    </resource>
</template>

<script>
import Resource from './resource';

export default {
    name: 'ResourceSingleImage',
    props: {
        value: Object
    },
    components: {Resource}
};
</script>

<style lang="scss">
.resource-single-image {
    img {
        width: 100%;
        display: block;
    }
}
</style>