import React from 'react';

import { Clock, TrendingUp, User } from 'lucide-react';

interface AccountHealthDetailsField {
  title: string;
  value: string;
  Icon: React.ComponentType<{
    size?: number;
    color?: string;
    className?: string;
  }>;
  normStatus: NormStatus;
}

export enum NormStatus {
  CRITICAL = 'CRITICAL',
  WARNING = 'WARNING',
  NORMAL = 'NORMAL',
}

export const getAccountHealthDetailsFields =
  (): AccountHealthDetailsField[] => {
    const test = '';
    return [
      {
        title: 'Naised',
        value: '50% (16)',
        Icon: User,
        normStatus: NormStatus.NORMAL,
      },
      {
        title: 'Mehed',
        value: '50% (16)',
        Icon: User,
        normStatus: NormStatus.NORMAL,
      },
      {
        title: 'Keskmine vanus',
        value: '56',
        Icon: Clock,
        normStatus: NormStatus.NORMAL,
      },
      {
        title: 'KMI',
        value: '271',
        Icon: TrendingUp,
        normStatus: NormStatus.WARNING,
      },
      {
        title: 'Üldkolesterool',
        value: '6.1',
        Icon: TrendingUp,
        normStatus: NormStatus.WARNING,
      },
      {
        title: 'Vitamiin D',
        value: '76',
        Icon: TrendingUp,
        normStatus: NormStatus.NORMAL,
      },
      {
        title: 'Suitsetajad',
        value: '22%',
        Icon: TrendingUp,
        normStatus: NormStatus.CRITICAL,
      },
    ];
  };