"use strict";
/** @flow **/
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_jss_1 = require("react-jss");
const createBreakpoints_1 = __importDefault(require("@material-ui/core/styles/createBreakpoints"));
const prop_types_1 = __importDefault(require("prop-types"));
// Creating a namespaced theming object.
const theming = react_jss_1.createTheming('__KUDOO_THEME__');
exports.theming = theming;
const { ThemeProvider: KudooThemeProvider, withTheme } = theming;
exports.withTheme = withTheme;
exports.ThemePropTypes = prop_types_1.default.shape({
    drawer: prop_types_1.default.shape({
        closedWidth: prop_types_1.default.number,
        openWidth: prop_types_1.default.number,
    }),
    palette: prop_types_1.default.shape({
        blueGrey: prop_types_1.default.shape({
            '100': prop_types_1.default.string,
            '50': prop_types_1.default.string,
        }),
        grey: prop_types_1.default.shape({
            '100': prop_types_1.default.string,
            '200': prop_types_1.default.string,
            '300': prop_types_1.default.string,
            '400': prop_types_1.default.string,
            '50': prop_types_1.default.string,
            '500': prop_types_1.default.string,
            '600': prop_types_1.default.string,
            '700': prop_types_1.default.string,
        }),
        primary: prop_types_1.default.shape({
            color1: prop_types_1.default.string,
            color2: prop_types_1.default.string,
            color3: prop_types_1.default.string,
        }),
        secondary: prop_types_1.default.shape({
            color1: prop_types_1.default.string,
            color2: prop_types_1.default.string,
        }),
        shadow: prop_types_1.default.shape({
            color1: prop_types_1.default.string,
            color2: prop_types_1.default.string,
            color3: prop_types_1.default.string,
        }),
    }),
    typography: prop_types_1.default.shape({
        font: prop_types_1.default.shape({
            family1: prop_types_1.default.string,
            family2: prop_types_1.default.string,
        }),
    }),
    breakpoints: prop_types_1.default.shape({
        keys: prop_types_1.default.array,
        values: prop_types_1.default.object,
        up: prop_types_1.default.func,
        down: prop_types_1.default.func,
        between: prop_types_1.default.func,
        only: prop_types_1.default.func,
        width: prop_types_1.default.func,
    }),
}).isRequired;
const theme = {
    typography: {
        font: {
            family1: "'roboto condensed', sans-serif",
            family2: "'montserrat', sans-serif",
        },
    },
    palette: {
        primary: {
            color1: '#2bc88f',
            color2: '#29a9db',
            color3: '#3c4556',
        },
        secondary: {
            color1: '#f4a22a',
            color2: '#e40749',
        },
        shadow: {
            color1: '#068c58',
            color2: '#167e9e',
            color3: '#333944',
        },
        grey: {
            '50': '#f7f7fc',
            '100': '#f5f5f5',
            '200': '#eaeaea',
            '300': '#dedede',
            '400': '#b7b7b7',
            '500': '#707070',
            '600': '#353535',
            '700': '#838383',
        },
        blueGrey: {
            '50': '#4D5769',
            '100': '#717f9a',
        },
    },
    drawer: {
        openWidth: 250,
        closedWidth: 70,
    },
    breakpoints: createBreakpoints_1.default({}),
};
exports.theme = theme;
exports.default = KudooThemeProvider;
//# sourceMappingURL=index.js.map