/**
 * `<segment-ui>` — Individual segment child of <segmented-ui> — carries the [value],
[text], optional [icon], and [selected] state for one option in
a horizontal segmented selector. Distinct from <tab-ui> (a view
switcher's child) and <option> (native option for <select-ui>).
Use segment-ui only as a direct child of <segmented-ui>; never
standalone.

 *
 * @see https://ui-kit.exe.xyz/site/components/segment
 *
 * Type declarations generated by scripts/build/dts-codegen.mjs from
 * the component's `.a2ui.json` sidecar(s). Edit the source `.yaml`,
 * run `npm run build:components`, then `npm run codegen:dts` to
 * regenerate; or hand-author this file fully if rich event types are
 * needed beyond what the yaml `events:` block can express.
 */

import { UIElement } from '../../core/element.js';

export class UISegment extends UIElement {
  /** Disables this segment. */
  disabled: boolean;
  /** Phosphor icon name. Rendered as a leading <icon-ui> child stamped on render. */
  icon: string;
  /** Whether this segment is currently selected. Managed by the parent Segmented container; don't set multiple siblings selected. */
  selected: boolean;
  /** Display text. Rendered via CSS attr(text) on ::after pseudo-element. */
  text: string;
  /** Value emitted when this segment is selected. */
  value: string;
}
