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

'use client';

/**
 * @file MetadataListContext.tsx
 * @input Uses React createContext
 * @output Exports MetadataListContext for sharing config between MetadataList and MetadataListItem
 * @position Internal context; consumed by MetadataList.tsx and MetadataListItem.tsx
 */

import {createContext} from 'react';

export interface MetadataListLabelConfig {
  position: 'start' | 'top';
  width?: number | string;
}

export interface MetadataListContextValue {
  labelConfig: MetadataListLabelConfig;
  orientation: 'vertical' | 'horizontal';
}

export const MetadataListContext =
  createContext<MetadataListContextValue | null>(null);
MetadataListContext.displayName = 'MetadataListContext';