import { Palette } from "./palette";
import { Depth } from "../styles";
import { Radii, RadiiOptions } from "../styles/radius";
import { DepthOptions } from "../styles/depth";
import { DeepPartial } from "../types";
export type ThemeOptions = {
    palette?: DeepPartial<Palette>;
    shadow?: {
        [key: string]: string;
    };
    spacing?: number;
    /**
     * @deprecated `radii` を使う。
     * `radii` を渡さなかったときは、この値から `radii` の各段階を作る。
     */
    radius?: number;
    radii?: RadiiOptions;
    depth?: DepthOptions;
    interaction?: {
        focus: (isError?: boolean) => string;
    };
};
export type Theme = {
    palette: Palette;
    shadow: {
        [key: string]: string;
    };
    spacing: number;
    /**
     * @deprecated `radii` を使う。
     */
    radius: number;
    radii: Radii;
    depth: Depth;
    interaction: {
        focus: (isError?: boolean) => any;
    };
};
export declare function createTheme(options?: ThemeOptions): Theme;
declare module "styled-components" {
    interface DefaultTheme extends Theme {
    }
}