"use client" import { Icon } from '@iconify/react'; import { Card, CardContent } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; export default function Statistic() { const EcommerceActions = [ { title: 'Orders', subtitle: '5868', cardIcon: 'solar:bag-4-line-duotone', badgeColor: 'bg-teal-400/10', statusValue: '+18%', statusIcon: 'solar:course-up-line-duotone', }, { title: 'Sales', subtitle: '$96,850', cardIcon: 'solar:box-line-duotone', badgeColor: 'bg-orange-400/10', statusValue: '-5%', statusIcon: 'solar:course-down-line-duotone', }, { title: 'Profit', subtitle: '$82,906', cardIcon: 'solar:chart-square-line-duotone', badgeColor: 'bg-teal-400/10', statusValue: '+18%', statusIcon: 'solar:course-up-line-duotone', }, { title: 'Expense', subtitle: '$14,653', cardIcon: 'solar:star-line-duotone', badgeColor: 'bg-teal-400/10', statusValue: '+18%', statusIcon: 'solar:course-up-line-duotone', }, ]; return (

{EcommerceActions.map((item, index) => { return (

{item.title}

{item.subtitle}

Last 7 days

{item.statusValue}

); })}

); }