import '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js'; import type { ObcPivotItemDirection } from '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js'; import type { Snippet } from 'svelte'; export interface Props { class?: string; style?: string; /** The value associated with this pivot item. Used to identify the item within a group. Set a unique value for each item in a group to track selection state. */ value?: string; /** Whether this item is currently selected. Only one item should be selected in a group. When `true`, the item is visually highlighted and does not emit the `selected` event on click. */ selected?: boolean; /** Layout direction for the item: `horizontal` (default) or `vertical`. Should match the direction of the containing group. Use `horizontal` for row/tab layouts and `vertical` for column/rail layouts. */ direction?: ObcPivotItemDirection; /** Whether to display a leading icon. If true, renders the `icon` slot. Place an icon element (e.g., ``) in the slot to show an icon. */ hasLeadingIcon?: boolean; /** Whether to display a text label. If true and `label` is non-empty, shows the label. Use in combination with `hasLeadingIcon` for icon+label layouts. */ hasLabel?: boolean; /** The text label to display for the item. Only shown if `hasLabel` is true and label is non-empty. Keep labels concise for best appearance, especially in horizontal layouts. */ label?: string; /** Disables the item, preventing interaction and applying a disabled style. When `true`, the item cannot be selected and is visually muted. */ disabled?: boolean; } export interface Events { onSelected?: (event: CustomEvent<{ value: string; }>) => void; } export interface Slots { icon?: Snippet; } type $$ComponentProps = Props & Events & Slots; declare const ObcPivotItem: import("svelte").Component<$$ComponentProps, { ObcPivotItemDirection: typeof ObcPivotItemDirection; }, "">; type ObcPivotItem = ReturnType; export default ObcPivotItem;