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;