<!-- 
    filename: sequenceGraphItem.vue
    author: liubin
    date: 2023-08-29 14:40:51
    description: 时序图最小单元
-->

<template>
	<div class="sequence-graph-item" :style="styles">
        <span v-if="time != null">{{ time }}</span>
    </div>
</template>

<script>
export default {
	name: 'SequenceGraphItem',
	components: {},
	props: {
		color: {
			type: String,
			default: 'black',
		},
        time: {
            type: String,
            default: null
        }
	},
    computed: {
        styles() {
            return {
                color: this.color
            }
        }
    },
	data() {
		return {};
	},
	computed: {},
	methods: {},
};
</script>

<style scoped lang="scss">
.sequence-graph-item {
    background: #fff;
    padding: 12px;
    width: 40px;
    height: 32px;
    display: inline-block;
}
</style>
