import { type ReactNode } from 'react';
import type { MergeRight } from '../../utilities';
import { type ButtonProps } from '../button/button';
export type SearchButtonProps = MergeRight<ButtonProps, {
    /**
     * Variant of the button
     * @default 'primary'
     */
    variant?: 'primary' | 'secondary';
    /**
     * Children of the button
     * @default 'Søk'
     */
    children?: ReactNode;
}>;
/**
 * SearchButton component, used to display a search button within a Search component.
 *
 * @example
 * <Search>
 *   <SearchInput aria-label='Søk' />
 *   <SearchButton>Søk</SearchButton>
 * </Search>
 */
export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "command" | "commandfor" | "commandFor" | "variant" | "icon" | "loading" | "asChild"> & {
    variant?: "primary" | "secondary" | "tertiary";
    'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
    icon?: boolean;
    loading?: boolean | ReactNode;
    asChild?: boolean;
    type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
    command?: string;
    commandfor?: string;
    commandFor?: string;
} & import("react").RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=search-button.d.ts.map