// Copyright (c) Meta Platforms, Inc. and affiliates.

'use client';

/**
 * @file LayoutSlotsContext.ts
 * @input Uses React createContext
 * @output Exports LayoutSlotsContext and LayoutSlots type
 * @position Context for layout slot information
 *
 * SYNC: When modified, update these files to stay in sync:
 * - /packages/core/src/Layout/Layout.doc.mjs
 * - /packages/core/src/Layout/Layout/index.ts
 */
import { createContext } from 'react';

/**
 * Information about which layout slots are filled.
 * Used by content area components to determine their edge positions
 * and apply appropriate outer padding.
 */
export interface LayoutSlots {
  /** Whether a header is rendered */
  hasHeader: boolean;
  /** Whether a footer is rendered */
  hasFooter: boolean;
  /** Whether a start panel is rendered */
  hasStart: boolean;
  /** Whether an end panel is rendered */
  hasEnd: boolean;
}

/**
 * Default slot state - no slots filled.
 */
const defaultSlots: LayoutSlots = {
  hasHeader: false,
  hasFooter: false,
  hasStart: false,
  hasEnd: false
};

/**
 * Context for layout slot information.
 * Content area components use this to determine if they are at an edge
 * (for applying outer padding).
 */
export const LayoutSlotsContext = createContext<LayoutSlots>(defaultSlots);
LayoutSlotsContext.displayName = 'LayoutSlotsContext';