import { AriaLabelPropsWithChildren } from '@leafygreen-ui/a11y';
import { DarkModeProps } from '@leafygreen-ui/lib';
import { PolymorphicAs, PolymorphicProps } from '@leafygreen-ui/polymorphic';

/**
 * TERMINOLOGY
 *
 * `focused`: The element is "focused" via keyboard navigation
 * (Does not mean `:focus`, since input options are not focused in this sense)
 *
 * `active`: The element is selected, or otherwise active (including `:active`)
 */
export interface BaseInputOptionProps {
  /**
   * Prevents the option from being selectable.
   * @default false
   */
  disabled?: boolean;

  /**
   * Defines the currently highlighted option,
   * and applies the relevant highlight styles and `aria-selected` attribute
   * (either )
   *
   * Functionally similar to `:focus` state, however `highlight` behaviors are not always implemented with true browser focus state
   * (e.g. some components maintain the browser focus on the trigger element,
   * and identify the "highlighted" option with only the `aria-selected` attribute).
   *
   * Not to be confused with `checked`, which identifies the currently active/selected option.
   * @default false
   */
  highlighted?: boolean;

  /**
   * Defines the currently selected/active element, regardless of interaction state.
   *
   * Functionally similar to a checkbox/radio's `checked` attribute,
   * this identifies an option as currently selected.
   *
   * Note: There are no styling changes applied by this prop.
   * `Checked` styles must be applied by the implementing component
   */
  checked?: boolean;

  /**
   * Whether a wedge displays on the left side of the item
   * when the element is highlighted or selected
   * @default true
   */
  showWedge?: boolean;

  /**
   * Determines whether to show hover, highlight and checked styles
   * @default true
   */
  isInteractive?: boolean;
}

export type InternalInputOptionProps = DarkModeProps &
  AriaLabelPropsWithChildren &
  BaseInputOptionProps;

// External only
export type InputOptionProps<TAsProp extends PolymorphicAs = 'li'> =
  PolymorphicProps<TAsProp, InternalInputOptionProps>;