<template>
    <div :class="[`${prefix}-timeline`,{'is-reverse': reverse}]">
        <slot>
            <timeline-item v-for="item in timelineData"
                           :key="item.title"
                           :timelines="timelineData"
                           :data="item" />
        </slot>
    </div>
</template>

<script>
import { prefix, prefixMixins } from 'jdd-design/utils';
import TimelineItem from './timeline-item';
export default {
    name: `${prefix}-timeline`,
    components: {
        TimelineItem
    },
    mixins: [prefixMixins],
    props: {
        timelineData: Array,
        height: Number,
        reverse: Boolean
    },
    data() {
        return {};
    }
};
</script>

<style>
</style>
