<template>
  <TimelineItem>
    <Icon type="md-arrow-dropright" slot="dot"/>
    <Row style="font-size:14px;">
      <Col span="12" style="font-weight: bold;">{{roleName}}</Col>
      <Col span="12" style="text-align:right;">{{state}}</Col>
    </Row>
    <div class="h-line" style="margin: 4px 0;" />
    <Row style="font-size:12px;">
      <Col span="12">
        <Icon size="16" type="md-person" />
        &nbsp;{{username}}
      </Col>
      <Col span="12" style="text-align:right;">{{date}}</Col>
    </Row>
  </TimelineItem>
</template>

<script>
export default {
  props: {
    roleName: {
      type: String
    },
    state: {
      type: String
    },
    username: {
      type: String
    },
    date: {
      type: String
    },
    passed: {
      type: Boolean
    }
  }
}
</script>

<style lang="less" scoped>
</style>
