import React, { ElementType } from 'react';
import { BoxProps, SvgIconProps, Breakpoint } from '@mui/material';
interface LogoBaseProps extends Omit<SvgIconProps, 'color'> {
    /**
     * Specifies which color should be used
     * @default emerald in light mode, electric in dark mode
     */
    color?: 'emerald' | 'electric' | 'white' | 'black' | string;
    /**
     * Width of the logo. Specify in px for subbrand to work properly
     * @default 120px
     */
    width?: number | string;
    /**
     * Height of the logo
     */
    height?: number | string;
}
interface HorizontalLogoProps extends LogoBaseProps {
    variant?: 'horizontal';
    /**
     * Subbrand text next to the logo
     */
    subbrandText?: string;
    /**
     * Defines if subbrand should render next to the logo
     * @default horizontal
     */
    subbrandVariant?: 'horizontal' | 'vertical';
    /**
     * Properties applied to wrapper of subbrandText
     */
    subbrandProps?: BoxProps<ElementType>;
    /**
     * Breakpoint for hiding the Subbrand variant
     */
    breakpoint?: Breakpoint;
    /**
     * Properties applied to the wrapper of logo with subrandText
     */
    wrapperProps?: BoxProps<ElementType>;
}
interface VerticalLogoProps extends LogoBaseProps {
    variant: 'vertical';
}
interface SymbolLogoProps extends LogoBaseProps {
    variant: 'symbol';
}
interface SeparatedLogoProps extends LogoBaseProps {
    variant: 'separated';
    /**
     * Change spacing size between letter
     * @default 100
     */
    spacing?: number;
}
export type LogoProps = HorizontalLogoProps | VerticalLogoProps | SymbolLogoProps | SeparatedLogoProps;
/**
 * Logo of Škoda Auto a.s.
 */
export declare const Logo: React.FC<LogoProps>;
export {};