import { ResolveEmptyPlaceholderOptions } from '@/types/cskTypes';
import { DEFAULT_EMPTY_PLACEHOLDER } from '@/utils/createEmptyPlaceholderResolver';
import { SectionSlots } from '.';

export const SectionEmptyPlaceholder = ({ slotName }: ResolveEmptyPlaceholderOptions) => {
  // To show correct empty placeholder for current variant
  //const isDefault = !parentComponent?.variant;
  const isDefault = true;

  switch (slotName) {
    case SectionSlots.SectionMedia:
      return {
        component: () => (isDefault ? null : <div className="size-full" />),
      };
    case SectionSlots.SectionContent:
      return { component: () => <div className="h-20" /> };
    case SectionSlots.SectionCTA:
      return {
        component: () => <div className="mx-40 h-20 w-full" />,
      };
    default:
      return DEFAULT_EMPTY_PLACEHOLDER;
  }
};