import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
interface PillBaseProps extends SharedProps {
    text: string;
    size?: 'sm' | 'lg';
    selected?: boolean;
}
export interface PillButtonProps extends PillBaseProps {
    onClick?: () => void;
}
export type PillProps = ({
    variant?: 'link';
    href: string;
    showIcon?: boolean;
} & PillBaseProps) | ({
    variant: 'button';
} & PillButtonProps);
/**
 * - GitHub: [BonnierNews/dn-design-system/web/src/components/pill](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/pill)
 * - Storybook: [Pill](https://designsystem.dn.se/?path=/docs/basic-pill--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/pill/pill.scss'`
 *
 * Two variants available:
 * - `link` — used for navigation, supports `selected` state and has an optional arrow icon
 * - `button` — used as a toggleable button, supports `selected` state
 */
export declare const Pill: ({ text, variant, size, classNames, attributes, selected, ...rest }: PillProps) => import("preact").JSX.Element;
export {};