import dayjs from 'dayjs';
import type { ReactNode } from 'react';

import {
  label1Day,
  label7Days,
  label31Days,
  labelLast7Days,
  labelLast31Days,
  labelLastDay
} from './translatedLabels';

export const dateFormat = 'L';
export const timeFormat = 'LT';
export const dateTimeFormat = `${dateFormat} ${timeFormat}`;

export enum CustomTimePeriodProperty {
  end = 'end',
  start = 'start'
}

export interface TimePeriod {
  dateTimeFormat: string;
  getStart: () => Date;
  id: string;
  largeName: string;
  name: string;
  timelineEventsLimit: number;
}

export const lastDayPeriod: TimePeriod = {
  dateTimeFormat: timeFormat,
  getStart: (): Date => dayjs(Date.now()).subtract(24, 'hour').toDate(),
  id: 'last_24_h',
  largeName: labelLastDay,
  name: label1Day,
  timelineEventsLimit: 20
};

export const last7Days: TimePeriod = {
  dateTimeFormat: dateFormat,
  getStart: (): Date => dayjs(Date.now()).subtract(7, 'day').toDate(),
  id: 'last_7_days',
  largeName: labelLast7Days,
  name: label7Days,
  timelineEventsLimit: 100
};

export const last31Days: TimePeriod = {
  dateTimeFormat: dateFormat,
  getStart: (): Date => dayjs(Date.now()).subtract(31, 'day').toDate(),
  id: 'last_31_days',
  largeName: labelLast31Days,
  name: label31Days,
  timelineEventsLimit: 500
};

export const timePeriods: Array<TimePeriod> = [
  lastDayPeriod,
  last7Days,
  last31Days
];

export interface TimePeriodById {
  id: string;
  timePeriods: Array<TimePeriod>;
}

export interface CustomTimePeriod {
  end: Date;
  start: Date;
  timelineEventsLimit: number;
}

export interface DateTimePickerInputModel {
  changeDate: (props: {
    property: CustomTimePeriodProperty | string;
    date: Date;
  }) => void;
  date: Date | null;
  disabled?: boolean;
  maxDate?: Date;
  minDate?: Date;
  property: CustomTimePeriodProperty;
}

export interface TimeLineAxisTickFormat extends CustomTimePeriod {
  timeLineLimit: number;
  xAxisTickFormat: string;
}

export interface GraphQueryParametersProps {
  endDate?: Date;
  startDate?: Date;
  timePeriod?: TimePeriod | null;
}

export interface EndStartInterval {
  end: string;
  start: string;
}

export interface Parameters extends EndStartInterval {
  timelineEventsLimit: number;
}

export interface WrapperTimePeriodProps {
  adjustTimePeriodData?: Omit<CustomTimePeriod, 'timelineEventsLimit'>;
  disabled?: boolean;
  extraTimePeriods?: Array<Omit<TimePeriod, 'timelineEventsLimit'>>;
  getIsError?: (value: boolean) => void;
  getParameters?: ({ start, end, timelineEventsLimit }: Parameters) => void;
  renderExternalComponent?: ReactNode;
  skeletonHeight?: number;
}