import React from "react";

interface Time {
  h: number;
  m: number;
  s: number;
}

interface Devices {
  desktop: number;
  smartphone: number;
  [key: string]: number;
}

interface OperatingSystems {
  mac: number;
  windows: number;
  [key: string]: number;
}

interface Browsers {
  chrome: number;
  safari: number;
  [key: string]: number;
}

interface InsightsData {
  visitCount: number;
  startCount: number;
  submissionCount: number;
  completionRate: number;
  averageSubmissionTime: Time;
  devices: Devices;
  operatingSystems: OperatingSystems;
  browsers: Browsers;
}

interface TimePeriodValue {
  startDate: unknown;
  endDate: unknown;
  rangeType: string;
}

interface TimePeriod {
  label: string;
  value: TimePeriodValue;
}

interface HelpTexts {
  visitCount?: string;
  startCount?: string;
  submissions?: string;
  completionRate?: string;
  averageSubmissionTime?: string;
}

const Insights: React.FC<{
  title?: string;
  tooltipProps?: Record<string, unknown>;
  insightsData: InsightsData;
  isLoading: boolean;
  timePeriod: TimePeriod;
  setTimePeriod: (timePeriod: TimePeriod) => void;
  helpTexts?: HelpTexts;
  showWarningMessage: boolean;
  className?: string;
}>;

export default Insights;