import * as React from "react";
import {
    FCReturn,
    JSXIntrinsicElementProps,
    ReactAttr,
    ReactComponentConstructor,
    ReactDivAttr,
} from "../../../typings/shared";

// These are the props not spread onto the component supplied from the "as" prop (aliased BaseComponent in the src).
interface GridBaseIsolatedProps {
    columns?: number | undefined;
    condensed?: boolean | undefined;
    fullWidth?: boolean | undefined;
    narrow?: boolean | undefined;
}
type SafeProps<P> = Omit<P, "as" | keyof GridBaseIsolatedProps>;

interface GridBaseProps extends GridBaseIsolatedProps {
    children?: React.ReactNode | undefined;
    className?: ReactAttr["className"] | undefined;
}

export type GridDefaultProps =
    & GridBaseProps
    & ReactDivAttr
    & {
        as?: undefined;
    };

export type GridIntrinsicProps<K extends keyof React.JSX.IntrinsicElements> =
    & GridBaseProps
    & SafeProps<JSXIntrinsicElementProps<K>>
    & {
        as: K;
    };

export type GridCustomComponentProps<
    C extends ReactComponentConstructor<never>,
> = C extends ReactComponentConstructor<infer P> ?
        & GridBaseProps
        & SafeProps<P>
        & {
            as: C;
        }
    : never;

declare function Grid(props: GridDefaultProps): FCReturn;
declare function Grid<T extends keyof React.JSX.IntrinsicElements>(props: GridIntrinsicProps<T>): FCReturn;
declare function Grid<T extends ReactComponentConstructor<never>>(props: GridCustomComponentProps<T>): FCReturn;

export default Grid;