import React, { FunctionComponent, ReactNode } from "react";
import {
  defaultCookieConsentName,
  POSITION_OPTIONS,
  SAME_SITE_OPTIONS,
  VISIBILITY_OPTIONS,
} from "./models/constants";

export interface CookieConsentProps {
  children?: ReactNode;
  style?: React.CSSProperties;
  buttonStyle?: React.CSSProperties;
  declineButtonStyle?: React.CSSProperties;
  contentStyle?: React.CSSProperties;
  disableStyles?: boolean;
  hideOnAccept?: boolean;
  hideOnDecline?: boolean;
  onAccept?: (acceptedByScrolling: boolean) => void;
  onDecline?: () => void;
  buttonText?: string | ReactNode | Function;
  declineButtonText?: string | ReactNode | Function;
  cookieName?: string;
  cookieValue?: string;
  declineCookieValue?: string;
  setDeclineCookie?: boolean;
  debug?: boolean;
  expires?: number;
  containerClasses?: string;
  contentClasses?: string;
  buttonClasses?: string;
  buttonWrapperClasses?: string;
  declineButtonClasses?: string;
  buttonId?: string;
  declineButtonId?: string;
  overlayClasses?: string;
  ariaAcceptLabel?: string;
  ariaDeclineLabel?: string;
  disableButtonStyles?: boolean;
  enableDeclineButton?: boolean;
  flipButtons?: boolean;
  cookieSecurity?: boolean;
  overlay?: boolean;
  acceptOnOverlayClick?: boolean;
  acceptOnScroll?: boolean;
  acceptOnScrollPercentage?: number;
  ButtonComponent?: any;
  extraCookieOptions?: Object;
  overlayStyle?: Object;
  customContentAttributes?: Object;
  customContainerAttributes?: Object;
  customButtonProps?: Object;
  customDeclineButtonProps?: Object;
  customButtonWrapperAttributes?: Object;
  onOverlayClick?: () => void;
  // these should be enums
  location?: string;
  visible?: string;
  sameSite?: "strict" | "Strict" | "lax" | "Lax" | "none" | "None";
}

const DefaultButtonComponent: FunctionComponent<{ children: ReactNode; [x: string]: any }> = ({
  children,
  ...props
}) => {
  return <button {...props}>{children}</button>;
};

export const defaultCookieConsentProps = {
  disableStyles: false,
  hideOnAccept: true,
  hideOnDecline: true,
  location: POSITION_OPTIONS.BOTTOM,
  visible: VISIBILITY_OPTIONS.BY_COOKIE_VALUE,
  onAccept: (_acceptedByScrolling: boolean) => {},
  onDecline: () => {},
  cookieName: defaultCookieConsentName,
  cookieValue: "true",
  declineCookieValue: "false",
  setDeclineCookie: true,
  buttonText: "I understand",
  declineButtonText: "I decline",
  debug: false,
  expires: 365,
  containerClasses: "CookieConsent",
  contentClasses: "",
  buttonClasses: "",
  buttonWrapperClasses: "",
  declineButtonClasses: "",
  buttonId: "rcc-confirm-button",
  declineButtonId: "rcc-decline-button",
  extraCookieOptions: {},
  disableButtonStyles: false,
  enableDeclineButton: false,
  flipButtons: false,
  sameSite: SAME_SITE_OPTIONS.LAX,
  ButtonComponent: DefaultButtonComponent,
  overlay: false,
  overlayClasses: "",
  onOverlayClick: () => {},
  acceptOnOverlayClick: false,
  ariaAcceptLabel: "Accept cookies",
  ariaDeclineLabel: "Decline cookies",
  acceptOnScroll: false,
  acceptOnScrollPercentage: 25,
  customContentAttributes: {},
  customContainerAttributes: {},
  customButtonProps: {},
  customDeclineButtonProps: {},
  customButtonWrapperAttributes: {},
  style: {},
  buttonStyle: {},
  declineButtonStyle: {},
  contentStyle: {},
  overlayStyle: {},
};