import Tailwind from '../base/tailwind-base';
/**
 * @tag plus-list-box-item
 *
 * List box item component that provides a selectable item for list-based containers.
 * Offers consistent styling and behavior for interactive list items.
 *
 * @slot - The default slot for the list box item content
 *
 * @csspart base - The component's base wrapper
 *
 * @event click - Emitted when the list box item is clicked
 *
 * @cssproperty --i-bg-default - Controls the default background color
 * @cssproperty --i-bg-hovered - Controls the background color when hovered
 * @cssproperty --i-bg-pressed - Controls the background color when pressed
 * @cssproperty --i-text-color - Controls the text color
 * @cssproperty --i-selected-bg - Controls the background color when selected
 */
export default class PlusListBoxItem extends Tailwind {
    /**
     * Sets the size of the list box item
     * - sm: Small size
     * - md: Medium size
     * - lg: Large size
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /** Disables the item, making it non-interactive. */
    disabled: boolean;
    /** Indicates whether the item is currently selected. */
    selected: boolean;
    /**
     * Sets the text content of the list box item
     * If provided, this will be used as the item's content when no slot content is present
     */
    text?: string;
    /**
     * Renders the list box item
     * Applies the appropriate styles based on disabled and selected states
     * @returns The rendered template
     */
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusListBoxItem };
//# sourceMappingURL=list-box-item.d.ts.map