import { DdsElement } from '../../internal/dds-hu-element'; /** * `dap-ds-content-switcher-item` * @summary Segmented control item component for the segmented control. * @element dap-ds-content-switcher-item * @title - Content switcher item * @group content-switcher * * @slot iconcontent - The icon content of the segmented control item. * * @csspart input - The input of the segmented control item. * * @cssproperty --dds-content-switcher-item-height - The height of the content switcher item (default: var(--dds-spacing-800, 32px)) * @cssproperty --dds-content-switcher-item-padding - The padding of the content switcher item (default: var(--dds-spacing-200, 8px) var(--dds-spacing-400, 16px)) * @cssproperty --dds-content-switcher-item-font-size - The font size of the content switcher item (default: var(--dds-size-sm, 14px)) * @cssproperty --dds-content-switcher-item-font-weight - The font weight of the content switcher item (default: var(--dds-weight-bold, 700)) * @cssproperty --dds-content-switcher-item-border-radius - The border radius of the content switcher item (default: var(--dds-radius-large, 16px)) * @cssproperty --dds-content-switcher-item-background - The background color of the content switcher item (default: transparent) * @cssproperty --dds-content-switcher-item-color - The text color of the content switcher item (default: var(--dds-text-neutral-base)) * @cssproperty --dds-content-switcher-item-border-color - The border color of the content switcher item (default: transparent) * @cssproperty --dds-content-switcher-item-checked-background - The background color of the checked content switcher item (default: var(--dds-button-primary-background-enabled)) * @cssproperty --dds-content-switcher-item-checked-color - The text color of the checked content switcher item (default: var(--dds-text-neutral-on-inverted)) * @cssproperty --dds-content-switcher-item-checked-border-color - The border color of the checked content switcher item (default: var(--dds-border-neutral-transparent-interactive)) */ export default class DapDSContentSwitcherItem extends DdsElement { /** The value of the segmented control item. */ value: string; /** The checked state of the segmented control item. */ checked: boolean; /** The disabled state of the segmented control item. */ disabled: boolean; /** The name of the segmented control item. */ name: string; static readonly styles: import('lit').CSSResult; render(): import('lit-html').TemplateResult; }