import React from "react";
import { CSSObject } from 'create-emotion';
import { ITheme } from "./themes";

export type TColor = "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark";
export type TAnimation = {
    interpolation: {
        from: CSSObject,
        to: CSSObject,
    },
    ease: string,
    duration: number,
    delay?: number,
    loop?: number | "infinite",
    direction?: "normal"|"reverse"|"alternate"|"alternate-reverse",
    mode?: "none" | "forwards" | "backwards" | "both",
}

export interface IComponent {
    theme?: ITheme,
    className?: string,
    style?: React.CSSProperties
}