import { BoxProps, ChakraComponent, ChakraProps } from '@chakra-ui/react';
import { default as React } from 'react';
import { DimensionTypes } from '../../helpers/types';
import { logoNamesArray, logoSizesArray } from './logoVariables';
export type LogoNames = typeof logoNamesArray[number];
export type LogoSizes = typeof logoSizesArray[number];
export interface LogoProps extends Pick<BoxProps, "id" | "className" | keyof ChakraProps> {
    /** Logos designated as decorative will be ignored by screenreaders. False
     * by default. */
    decorative?: boolean;
    /** The name of the logo you want to use. */
    name?: LogoNames;
    /** Sets the logo size. */
    size?: LogoSizes;
    /** Sets the logo size based on the width or height. Width by default. */
    sizeBasedOn?: DimensionTypes;
    /** For accessibility purposes, the text passed in the `title` prop gets
     * rendered in a `title` element in the SVG. This descriptive text is not
     * visible but is needed for screenreaders to describe the graphic. */
    title?: string;
}
/**
 * The `Logo` component renders SVG-based logos and color variants that are
 * commonly used by the New York Public Library.
 */
export declare const Logo: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<LogoProps> & React.RefAttributes<HTMLDivElement & SVGSVGElement>>, LogoProps>;
export default Logo;