/// <reference path="../../index.d.ts" />
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
import type { IconName } from "../calcite-icon/interfaces.js";

/**
 * @cssproperty [--calcite-segmented-control-color] - Specifies the component's color.
 * @cssproperty [--calcite-segmented-control-background-color] - Specifies the component's background color.
 * @cssproperty [--calcite-segmented-control-border-color] - Specifies the component's border color.
 * @cssproperty [--calcite-segmented-control-shadow] - Specifies the component's shadow.
 * @cssproperty [--calcite-segmented-control-icon-color] - Specifies the icons's color.
 */
export abstract class SegmentedControlItem extends LitElement {
  /**
   * When `true`, the component is checked.
   *
   * @default false
   */
  accessor checked: boolean;
  /** Specifies an icon to display at the end of the component. */
  accessor iconEnd: IconName | undefined;
  /**
   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
   *
   * @default false
   */
  accessor iconFlipRtl: boolean;
  /** Specifies an icon to display at the start of the component. */
  accessor iconStart: IconName | undefined;
  /** The component's value. */
  accessor value: any | null;
}