import { ILogoTheme, ILogoSize, ILogoText } from "./types";
import { CSSObject } from "styled-components";
export interface ILogoProps {
    /** Logo Size */
    size: ILogoSize;
    /** Add MyCooler text to the logo */
    text?: ILogoText;
    /** Select type of logo */
    logoTheme: ILogoTheme;
    /** Link where the logo redirect on press */
    url?: string;
    className?: string;
    style?: CSSObject;
}
export declare const logoSizes: {
    centered: {
        large: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
        medium: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
        small: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
    };
    sided: {
        large: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
        medium: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
        small: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
    };
    none: {
        large: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
        medium: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
        small: {
            width: number;
            height: number;
            viewBoxRatio: number;
        };
    };
};
export declare const AtomLogo: ({ size, text, logoTheme, url, className, style, }: ILogoProps) => JSX.Element;
