interface ServiceCardProps {
  name: string;
  status: string;
  uptimePercentage: number;
  uptimeHistory: Array<{ date: string; status: string; incident?: string }>;
}

export default {
  props: {
    name: { type: String, required: true },
    status: { type: String, default: 'Normal' },
    uptimePercentage: { type: Number, default: 100.00 },
    uptimeHistory: { type: Array, required: true }
  },
  setup(props: ServiceCardProps) {
    const formatTooltip = (day: any) => {
      return `${day.date}: ${day.status.toUpperCase()} (${day.incident || 'No incidents'})`
    }

    return {
      formatTooltip
    }
  }
}