<template>
  <view :class="[icon ? 'cuIcon-' + icon : '']" class="cu-item cu-timeline-item">
    <view :class="['bg-' + color]" :style="contentStyle" class="content shadow-blur">
      <slot name="time">
        <text v-if="time" class="margin-right-sm">{{ time }}</text>
      </slot>
      <slot></slot>
    </view>
  </view>
</template>

<script>
export default {
  name: 'l-timeline-item',

  props: {
    time: {},
    icon: {},
    color: { default: 'blue' },
    contentStyle: {}
  }
}
</script>
