import type { MouseEvent } from 'react';
import React from 'react';
type TypeEmblem = 'default' | 'white';
type TypeLogotype = 'logotype-pink' | 'logotype-white' | 'logotype-black';
type DnaLogoType = TypeEmblem | TypeLogotype;
interface Props {
    /**
     * There are different types and color options for the DNA Logo, depending on the color of
     * the background and place where it is used.
     *
     * @param {DnaLogoType} default Default
     * @param {DnaLogoType} white For use on hot pink background
     * @param {DnaLogoType} logotype-pink For use in smaller spaces
     * @param {DnaLogoType} logotype-white For use in smaller spaces and on pink background
     * @param {DnaLogoType} logotype-black For specific uses only (see Brand Styleguide)
     *
     * @default 'default'
     */
    type?: DnaLogoType;
    /**
     * The basic principle is that DNA Logo should be sized in a way in which DNA text is always
     * clearly visible. Therefore, the minimum size of DNA Logo on digital channels is 32 px.
     *
     * This doesn't apply when DNA Logo is used as favicon.
     *
     * @default '2rem'
     */
    size?: string;
    /**
     * On Logo click callback
     */
    onClick?: (e: MouseEvent) => void;
    /**
     * Minimum protected area of a DNA logo from another element or edge is 1/4 of the height.
     * When activated, value is calculated automatically from size property.
     *
     * Individual text elements, such as slogans, urls, etc., are always placed next to the logo
     * with a minimum protected area.
     *
     * @default false
     */
    protectedArea?: boolean;
    /**
     * Allows to pass a custom className
     */
    className?: string;
}
/** @visibleName DNA Logo */
declare const DnaLogo: ({ type, size, ...props }: Props) => React.JSX.Element;
/** @component */
export default DnaLogo;