declare module JSX {
    import { HyperInstance } from "./elements"
    import {BlankNode, NamedNode} from "@opennetwork/rdf-data-model"

    type Literal = string | number | boolean | Date | Iterable<Literal> | Literal[]
    type Renderable = JSX.Element | Literal | Iterable<Renderable> | Renderable[]

    interface FlexStyles {
        flexDirection?: "column" | "row" | "column-reverse" | "row-reverse"
    }

    interface Styles extends FlexStyles {

    }

    interface ElementProps {
        subject?: NamedNode | BlankNode
        children?: Renderable
    }

    interface FragmentProps extends ElementProps {}

    interface ViewProps extends ElementProps {
        style?: Styles
    }

    interface TextProps extends ViewProps {
        children?: Renderable
    }
    interface TouchableProps extends ViewProps {}

    interface IntrinsicElements {
        fragment: FragmentProps
        view: ViewProps
        text: TextProps
        touchable: TextProps
    }

    interface Element extends HyperInstance<unknown, unknown, unknown[]> {

    }
}