import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
import type { DsIcon } from '@bonniernews/dn-design-system-web/types-lib/ds-icon.d.ts';
export interface TextButtonToggleProps extends SharedProps {
    /** Whether the button is selected */
    selected?: boolean;
    /** The text to display on the button */
    text: string;
    /** The text to display when the button is selected */
    selectedText: string;
    /** For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons */
    iconName: DsIcon;
    /** For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons */
    selectedIconName: DsIcon;
    /** Note: only works on button-tag, not on a-tag */
    disabled?: boolean;
    /**  Ex. { target: "_blank", "data-test": "lorem ipsum" } */
    loading?: boolean;
    /** Button type */
    type?: 'button' | 'submit' | 'reset';
    /** Fixed pixel value is used for typography to prevent scaling based on html font-size */
    forcePx?: boolean;
}
/**
 * - GitHub: [BonnierNews/dn-design-system/web/src/components/text-button-toggle](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-button-toggle)
 * - Storybook: [TextButtonToggle](https://designsystem.dn.se/?path=/docs/basic-buttons-textbuttontoggle--docs)
 *
 * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:
 * `@use '@bonniernews/dn-design-system-web/components/text-button-toggle/text-button-toggle.scss'`
 */
export declare const TextButtonToggle: ({ selected, text, selectedText, iconName, selectedIconName, disabled, loading, type, classNames, attributes, forcePx, }: TextButtonToggleProps) => import("preact").JSX.Element;
