import React, { HTMLAttributes } from 'react';
import * as mdx_types from 'mdx/types';
import { MDXModule, MDXComponents } from 'mdx/types';

interface CommonProps {
    onReady?: () => void;
}
interface TimeProps {
    time?: number;
    speed?: number;
}
interface ControlProps {
    paused?: boolean;
}

interface LumiflexProps extends CommonProps, TimeProps, ControlProps {
    color?: [number, number, number];
}
declare function Lumiflex(props: LumiflexProps): React.JSX.Element;

declare function Zenitho(): React.JSX.Element;

interface NovatrixProps {
    color?: [number, number, number];
}
declare function Novatrix(props: NovatrixProps): React.JSX.Element;

interface VelustroProps extends React.HTMLAttributes<HTMLDivElement> {
    uColor?: [number, number, number];
}
declare function Velustro(props: VelustroProps): React.JSX.Element;

interface OpulentoProps {
    color?: [number, number, number];
}
declare function Opulento(props: OpulentoProps): React.JSX.Element;

interface TranquiluxeProps {
    color?: [number, number, number];
}
declare function Tranquiluxe(props: TranquiluxeProps): React.JSX.Element;

interface VenturoProps extends CommonProps, TimeProps, ControlProps {
}
declare function Venturo(props: VenturoProps): React.JSX.Element;

interface XenonProps {
}
declare function Xenon(props: XenonProps): React.JSX.Element;

interface SlidesProps extends HTMLAttributes<HTMLDivElement> {
    mdx: MDXModule[];
    components: MDXComponents;
}
declare function Slides(props: SlidesProps): React.JSX.Element;

declare const defaultComponents: {
    h1: ({ style, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
    li: (props: React.HTMLAttributes<HTMLLIElement>) => React.JSX.Element;
    ol: (props: React.HTMLAttributes<HTMLOListElement>) => React.JSX.Element;
    ul: (props: React.HTMLAttributes<HTMLUListElement>) => React.JSX.Element;
    Cover: ({ style, className, children, ...props }: {
        title: string;
        subtitle?: string;
        header?: string;
        footer?: string;
    } & React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
    Background: ({ style, className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
};

declare function sliceMdxString(mdx: string): mdx_types.MDXModule[];

interface SlidesActionButtonProps extends React.HTMLAttributes<HTMLDivElement> {
    variant: "left" | "right";
}
declare function SlidesActionButton(props: SlidesActionButtonProps): React.JSX.Element;

export { Lumiflex, Novatrix, Opulento, Slides, SlidesActionButton, Tranquiluxe, Velustro, Venturo, Xenon, Zenitho, defaultComponents, sliceMdxString };