import { PropsWithChildren } from 'react';
import { IconColors } from '../Icons/Icon';
export declare const colorContrastData: {
    brand: {
        primary: {
            dataBlackColor: string[];
            dataWhiteColor: string[];
        };
        secondary: {
            dataBlackColor: string[];
            dataWhiteColor: string[];
        };
    };
    ui: {
        black: {
            dataBlackColor: string[];
            dataWhiteColor: string[];
        };
        gray: {
            xxxxDark: {
                dataBlackColor: any[];
                dataWhiteColor: any[];
            };
            xxxDark: {
                dataBlackColor: any[];
                dataWhiteColor: any[];
            };
            xxDark: {
                dataBlackColor: any[];
                dataWhiteColor: any[];
            };
            xDark: {
                dataBlackColor: any[];
                dataWhiteColor: any[];
            };
            dark: {
                dataBlackColor: any[];
                dataWhiteColor: any[];
            };
            semiDark: {
                dataBlackColor: any[];
                dataWhiteColor: any[];
                textColor: string;
            };
            medium: {
                dataBlackColor: any[];
                dataWhiteColor: any[];
                textColor: string;
            };
            semiMedium: {
                dataBlackColor: any[];
                dataWhiteColor: any[];
                textColor: string;
            };
            lightCool: {
                dataBlackColor: string[];
                dataWhiteColor: string[];
                textColor: string;
            };
            xLightCool: {
                dataBlackColor: string[];
                dataWhiteColor: string[];
                textColor: string;
            };
            xxLightCool: {
                dataBlackColor: string[];
                dataWhiteColor: string[];
                textColor: string;
            };
            lightWarm: {
                dataBlackColor: string[];
                dataWhiteColor: string[];
                textColor: string;
            };
            xLightWarm: {
                dataBlackColor: string[];
                dataWhiteColor: string[];
                textColor: string;
            };
        };
        white: {
            dataBlackColor: string[];
            dataWhiteColor: string[];
            textColor: string;
        };
    };
    dark: {
        ui: {
            gray: {
                xxDark: {
                    dataHeadingColor: string[];
                    dataBodyColor: string[];
                };
                xDark: {
                    dataHeadingColor: string[];
                    dataBodyColor: string[];
                };
            };
        };
    };
};
export declare const colorCardsData: {
    brand: {
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
    }[];
    blogs: {
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        textColor: string;
    }[];
    booksAndMore: {
        colorSource: string;
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
    }[];
    connect: {
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
    }[];
    education: {
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
    }[];
    locations: {
        colorSource: string;
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
    }[];
    research: {
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
    }[];
    researchLibraries: ({
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        colorSource?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
    })[];
    whatsOn: ({
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        colorSource?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
    })[];
    ui: ({
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        textColor: string;
        dataBgPageColor?: undefined;
        dataBgDefaultColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
        notes?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataBgPageColor: string[];
        dataBgDefaultColor: string[];
        textColor: string;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
        notes?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataBgPageColor: string[];
        dataBgDefaultColor: string[];
        textColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
        notes?: undefined;
    } | {
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataBgPageColor: any[];
        dataBgDefaultColor: any[];
        colorSource?: undefined;
        textColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
        notes?: undefined;
    } | {
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataBgPageColor: any[];
        dataBgDefaultColor: any[];
        textColor: string;
        colorSource?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
        notes?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        dataBrandPrimaryColor: any[];
        dataBrandSecondaryColor: any[];
        dataBgPageColor: string[];
        dataBgDefaultColor: any[];
        textColor?: undefined;
        notes?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        dataBrandPrimaryColor: any[];
        dataBrandSecondaryColor: any[];
        dataBgPageColor: string[];
        dataBgDefaultColor: any[];
        textColor: string;
        notes?: undefined;
    } | {
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataBgPageColor: any[];
        dataBgDefaultColor: any[];
        notes: string;
        textColor: string;
        colorSource?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
    })[];
    grayscaleRoot: ({
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        textColor?: undefined;
    } | {
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        textColor: string;
    })[];
    grayscaleCool: ({
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        textColor?: undefined;
    } | {
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        textColor: string;
    })[];
    grayscaleWarm: {
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        textColor: string;
    }[];
    highlighter: ({
        name: string;
        showColorDataTable: boolean;
        textColor: string;
        dataBlackColor?: undefined;
        dataWhiteColor?: undefined;
    } | {
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        showColorDataTable: boolean;
        textColor: string;
    })[];
    dark: ({
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataHeadingColor: string[];
        dataBodyColor: string[];
        dataDarkBgPageColor?: undefined;
        dataDarkBgDefaultColor?: undefined;
        textColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataDarkBgPageColor: any[];
        dataDarkBgDefaultColor: any[];
        textColor: string;
        dataHeadingColor?: undefined;
        dataBodyColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataDarkBgPageColor: any[];
        dataDarkBgDefaultColor: any[];
        dataHeadingColor?: undefined;
        dataBodyColor?: undefined;
        textColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
    } | {
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataDarkBgPageColor: any[];
        dataDarkBgDefaultColor: any[];
        textColor: string;
        colorSource?: undefined;
        dataHeadingColor?: undefined;
        dataBodyColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
    } | {
        name: string;
        dataBlackColor: string[];
        dataWhiteColor: string[];
        dataDarkBgPageColor: string[];
        dataDarkBgDefaultColor: string[];
        colorSource?: undefined;
        dataHeadingColor?: undefined;
        dataBodyColor?: undefined;
        textColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
    } | {
        name: string;
        dataDarkBgPageColor: string[];
        dataDarkBgDefaultColor: string[];
        dataBlackColor: string[];
        dataWhiteColor: string[];
        dataHeadingColor: string[];
        dataBodyColor: string[];
        colorSource?: undefined;
        textColor?: undefined;
        dataBrandPrimaryColor?: undefined;
        dataBrandSecondaryColor?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataBrandPrimaryColor: any[];
        dataBrandSecondaryColor: any[];
        dataDarkBgPageColor: any[];
        dataDarkBgDefaultColor: any[];
        textColor: string;
        dataHeadingColor?: undefined;
        dataBodyColor?: undefined;
    } | {
        colorSource: string;
        name: string;
        dataBlackColor: any[];
        dataWhiteColor: any[];
        dataBrandPrimaryColor: any[];
        dataBrandSecondaryColor: any[];
        dataDarkBgPageColor: any[];
        dataDarkBgDefaultColor: any[];
        dataHeadingColor?: undefined;
        dataBodyColor?: undefined;
        textColor?: undefined;
    })[];
    darkHighlighter: {
        name: string;
        showColorDataTable: boolean;
    }[];
};
export declare const makeColorCard: (data: any) => import("react/jsx-runtime").JSX.Element;
export declare const getColorCards: (category: string) => any;
export interface DataTableProps {
    /** Contrast and WCAG compliance data related to the color ui.bg.page when
     * used with the current color. */
    dataBgPageColor: string[];
    /** Contrast and WCAG compliance data related to the color ui.bg.default when
     * used with the current color. */
    dataBgDefaultColor: string[];
    /** Contrast and WCAG compliance data related to the color dark.ui.bg.page when
     * used with the current color. */
    dataDarkBgPageColor: string[];
    /** Contrast and WCAG compliance data related to the color dark.ui.bg.default when
     * used with the current color. */
    dataDarkBgDefaultColor: string[];
    /** Contrast and WCAG compliance data related to the color black when used
     * with the current color. */
    dataBlackColor: string[];
    /** Contrast and WCAG compliance data related to the NYPL Brand primary color
     * when used with the current color. */
    dataBrandPrimaryColor: string[];
    /** Contrast and WCAG compliance data related to the default color for basic
     * text elements when used with the current color. */
    dataDarkBodyColor?: string[];
    /** Contrast and WCAG compliance data related to the NYPL Brand secondary color
     * when used with the current color. */
    dataBrandSecondaryColor: string[];
    /** Contrast and WCAG compliance data related to the default color for
     * heading elements when used with the current color. */
    dataDarkHeadingColor?: string[];
    /** Contrast and WCAG compliance data related to the color white when used
     * with the current color. */
    dataWhiteColor: string[];
    /** The color to use for text in the color card. */
    textColor: IconColors;
}
export interface ColorCardProps extends DataTableProps {
    /** The backgroundColor of the color card. */
    backgroundColor: string;
    /** The name of a color's javascript theme object. */
    colorName: string;
    /** The name of the color that the current color is based on. */
    colorSource: string;
    /** Show or hide the data table */
    showColorDataTable: boolean;
    /** Details on how a color should be used. */
    notes?: string;
}
export declare const colorNamesArray: readonly ["nyplRed", "fluorescentPink", "vividBurgundy", "carrotOrange", "flavescent", "treeGreen", "scienceBlue", "blueberry", "irisPurple"];
export type ColorNames = typeof colorNamesArray[number];
export interface ColorBoxProps {
    /** The backgroundColor of the color card. */
    backgroundColor: string;
    /** The name of a color's javascript theme object. */
    colorName: ColorNames;
    /** The name of a color's javascript theme object. */
    colorOption: string;
    /** The color to use for text in the color card. */
    textColor?: IconColors;
}
export interface ColorScaleProps {
    /** The name of a color's javascript theme object. */
    colorName: ColorNames;
}
export declare const DataTable: (props: PropsWithChildren<DataTableProps>) => import("react/jsx-runtime").JSX.Element;
export declare const ColorBox: (props: ColorBoxProps) => import("react/jsx-runtime").JSX.Element;
export declare const ColorScale: (props: ColorScaleProps) => import("react/jsx-runtime").JSX.Element;
export declare const ColorCard: (props: PropsWithChildren<ColorCardProps>) => import("react/jsx-runtime").JSX.Element;
export default ColorCard;