import type { ForwardedRef, HTMLAttributes, ReactNode } from 'react';
import React, { forwardRef } from 'react';

import { RequireContext } from '../../hooks/useRequireContext';
import { onlyAllowedComponentsFactory } from '../../utils/onlyAllowedComponents';
import { type AvatarProps } from '../Avatar/Avatar';

import { ReviewCardContent } from './ReviewCardContent';
import { ReviewCardFooter } from './ReviewCardFooter';
import { ReviewCardHeader } from './ReviewCardHeader';

const onlyAllowedComponents = onlyAllowedComponentsFactory(
  new Set([ReviewCardHeader, ReviewCardContent, ReviewCardFooter])
);

export interface ReviewCardOwnPropsWithChildren {
  children: ReactNode;
}

/** @inheritdoc */
export interface ReviewCardOwnPropsWithoutChildren extends Pick<
  AvatarProps,
  'description' | 'lazy' | 'name' | 'src' | 'srcSet'
> {
  /**
   * The title of the review.
   */
  title?: string;
  /**
   * The content of the review.
   */
  content: ReactNode;
}

/** @inheritdoc */
export type ReviewCardProps = HTMLAttributes<HTMLDivElement> &
  (ReviewCardOwnPropsWithChildren | ReviewCardOwnPropsWithoutChildren);

export const ReviewCard = Object.assign(
  forwardRef(function ReviewCard(props: ReviewCardProps, forwardedRef: ForwardedRef<HTMLDivElement>) {
    let children: ReactNode;
    let rest: HTMLAttributes<HTMLDivElement>;

    if ('children' in props) {
      ({ children, ...rest } = props);
    } else {
      const { title, content, description, lazy, name, src, srcSet, ...remainingProps } = props;

      children = (
        <>
          <ReviewCardHeader>{title}</ReviewCardHeader>
          <ReviewCardContent>{content}</ReviewCardContent>
          <ReviewCardFooter description={description} lazy={lazy} name={name} src={src} srcSet={srcSet} />
        </>
      );
      rest = remainingProps;
    }

    return (
      <RequireContext.Provider value='ReviewCard'>
        <div ref={forwardedRef} className='reviewCard' {...rest}>
          {onlyAllowedComponents(children)}
        </div>
      </RequireContext.Provider>
    );
  }),
  {
    Header: ReviewCardHeader,
    Content: ReviewCardContent,
    Footer: ReviewCardFooter,
  }
);