export declare type TextTransform = 'capitalize' | 'full-size-kana' | 'full-width' | 'lowercase' | 'none' | 'uppercase';
import { Color, Theme } from '@material-ui/core';
import { BreakpointsOptions } from '@material-ui/core/styles/createBreakpoints';
import { Palette, PaletteColor, TypeAction } from '@material-ui/core/styles/createPalette';
import { Typography } from '@material-ui/core/styles/createTypography';
import { Overrides } from '@material-ui/core/styles/overrides';
import { ComponentsProps } from '@material-ui/core/styles/props';
import { Shadows } from '@material-ui/core/styles/shadows';
import { Shape } from '@material-ui/core/styles/shape';
import React from 'react';
export declare type EpilotTypography = Typography & {
    fontSource?: EpilotCustomFontSource[];
};
export declare type EpilotColor = PaletteColor & Color & {
    10: string;
    20: string;
    30: string;
    40: string;
    50: string;
    60: string;
    70: string;
    80: string;
    90: string;
    containerHighest: string;
    containerHigh: string;
    container: string;
    containerLow: string;
    containerLowest: string;
    containerReadOnly?: string;
};
export declare type EpilotTypeAction = TypeAction & {
    selectedText?: string;
};
export declare type TagColors = {
    green: EpilotColor;
    darkgrey: EpilotColor;
    bostonblue: EpilotColor;
    darkgreen: EpilotColor;
    purple: EpilotColor;
    pink: EpilotColor;
    lightblue: EpilotColor;
    blue: EpilotColor;
    lavender: EpilotColor;
    red: EpilotColor;
    cyan: EpilotColor;
    orange: EpilotColor;
};
export declare type EpilotPalette = Palette & TagColors & {
    primary?: EpilotColor;
    secondary?: EpilotColor;
    grey?: EpilotColor;
    focus?: EpilotColor;
    tertiary?: EpilotColor;
    accent1?: EpilotColor;
    accent2?: EpilotColor;
    success?: EpilotColor;
    info?: EpilotColor;
    warning?: EpilotColor;
    error?: EpilotColor;
    action?: EpilotTypeAction;
    default?: EpilotColor;
    neutral?: EpilotColor;
    neutralVariant?: EpilotColor;
    surface?: EpilotColor;
};
export declare type EpilotOverrides = Overrides & {
    MuiTabPanel: any;
    MuiToggleButton: any;
    MuiAutocomplete: any;
};
export declare type EpilotShape = Shape & {
    borderRadiusSm?: number;
};
export interface EpilotTheme {
    /**
     * prefix of the css classes
     */
    prefix: string;
    /**
     * typography options
     */
    typography: EpilotTypography;
    /**
     * colors palette options
     */
    palette: EpilotPalette;
    /**
     * the space around the components
     */
    spacing: number;
    /**
     * style for the container shape, currently only changes the border_radius
     */
    shape: EpilotShape;
    breakpoints?: BreakpointsOptions;
    /**
     * props we use to overwrite some material ui props
     */
    props: {
        client_logo_url?: string;
        enable_ripple?: boolean;
        content_max_width?: number;
    };
    /**
     * Material UI components styling
     */
    muiOverrides?: EpilotOverrides;
    /**
     * Material UI components props
     */
    muiProps?: ComponentsProps;
    /**
     * Material UI components shadow
     */
    shadows: Shadows;
}
export declare type ThemeProviderProps = {
    /**
     * Please avoid using classPrefix as it duplicates all Mui Styles!
     *
     * @deprecated
     */
    classPrefix?: string;
    children: React.ReactNode;
} & ({
    /**
     * Theme to be applied to child components
     */
    theme: Theme;
    /**
     * If the theme is Mui vanilla theme then isMuiTheme should be true
     * @default false
     */
    isMuiTheme: true;
} | {
    /**
     * Theme to be applied to child components
     * * @default DefaultEpilotTheme
     */
    theme?: EpilotTheme | never;
    /**
     * If the theme is Epilot theme then isMuiTheme should be false or not defined
     * @default false
     */
    isMuiTheme?: false | never;
});
export declare type EpilotCustomFontSource = {
    fontFamily: string;
    fontStyle: string;
    fontDisplay: 'swap';
    fontWeight: 400 | 600 | 800;
    src: string;
};