import React from 'react';
import './DashboardCard.css';

export default function DashboardCard({ title = '', value = '', icon = '📊', trend = 'up', trendText = '' }) {
  return (
    <div className="kole-dashcard">
      <div className="kole-dashcard-head">
        <span className="kole-dashcard-title">{title}</span>
        <span className="kole-dashcard-icon">{icon}</span>
      </div>
      <div className="kole-dashcard-value">{value}</div>
      <div className={`kole-dashcard-trend ${trend}`}>{trendText}</div>
    </div>
  );
}
