import { Tailwind } from '../base/tailwind-base';
/**
 * @tag plus-segmented-picker-item
 * @summary An item component for the segmented picker.
 *
 * @slot - The content of the item.
 *
 * @csspart label - The label element.
 * @csspart input - The input element.
 * @cssproperty --active-color - Color of the active indicator
 */
export default class PlusSegmentedPickerItem extends Tailwind {
    /** The value associated with the item. */
    checked: boolean;
    /**
     * The status of the item.
     * @type {'default' | 'primary'}
     * @default 'default'
     */
    status: 'default' | 'primary';
    /** Disables the item, making it non-interactive. */
    disabled: boolean;
    /**
     * The shape of the item.
     * @type {'square' | 'circle'}
     * @default 'square'
     */
    shape: 'square' | 'circle';
    /**
     * The size of the item.
     * @type {'sm' | 'md' | 'lg'}
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * The name of the group this item belongs to.
     * @type {string}
     * @default ''
     */
    groupName: string;
    /**
     * The value of the item.
     * @type {string}
     * @default ''
     */
    value: string;
    internalId: string;
    private handleClick;
    updated(changedProps: Map<string, string>): void;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusSegmentedPickerItem };
//# sourceMappingURL=segmented-picker-item.component.d.ts.map