<template>
    <div>
        <div class="grid grid-cols-3 gap-30">
            <div class="bg-#fff b-rd-12px p-24">
                <div class="flex items-center">
                    <img src="@/assets/images/data_img.png" class="w-30px h-30px mt-16px mb-14px" alt="" srcset="" />
                    <div class="ml-16px">
                        <div class="text-16px mb-10px">Total Commission</div>
                        <div class="flex items-end">
                            <span class="text-20px fw-700">48.0</span>
                            <span class="text-14px c-#999 ml-4px">USD</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-#fff b-rd-12px p-24">
                <div class="flex items-center">
                    <img src="@/assets/images/data_img.png" class="w-30px h-30px mt-16px mb-14px" alt="" srcset="" />
                    <div class="ml-16px">
                        <div class="text-16px  mb-10px">Accumulated Distribution</div>
                        <div class="flex items-end">
                            <span class="text-20px fw-700">48.0</span>
                            <span class="text-14px c-#999 ml-4px">USD</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-#fff b-rd-12px p-24">
                <div class="flex items-center">
                    <img src="@/assets/images/data_img.png" class="w-30px h-30px mt-16px mb-14px" alt="" srcset="" />
                    <div class="ml-16px">
                        <div class="text-16px mb-10px">
                            To be Distributed</div>
                        <div class="flex items-end">
                            <span class="text-20px fw-700">48.0</span>
                            <span class="text-14px c-#999 ml-4px">USD</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">



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