import { Component, JSX, Accessor } from 'solid-js';
import { ArrowProps, BackgroundProps, WithBluefishProps, Id } from 'bluefish-solid';
import { MountableElement } from 'solid-js/web';
export type ExpandableNode = Node & {
    [key: string]: any;
};
export type HyperScriptReturn = () => ExpandableNode | ExpandableNode[];
export type Child = JSX.Element | HyperScriptReturn;
export declare function For<T extends readonly any[], U extends Child>(props: {
    each: T | undefined | null | false;
    fallback?: Child;
}, children: (item: T[number], index: Accessor<number>) => U): HyperScriptReturn;
export declare function Index<T extends readonly any[], U extends Child>(props: {
    each: T | undefined | null | false;
    fallback?: Child;
}, children: (item: Accessor<T[number]>, index: number) => U): HyperScriptReturn;
type RequiredParameter<T> = T extends () => unknown ? never : T;
export declare function Show<T, TRenderFunction extends (item: Accessor<NonNullable<T>>) => Child>(props: {
    when: T | undefined | null | false;
    keyed?: false;
    fallback?: Child;
}, children: Child | RequiredParameter<TRenderFunction>): HyperScriptReturn;
export declare function Show<T, TRenderFunction extends (item: NonNullable<T>) => Child>(props: {
    when: T | undefined | null | false;
    keyed: true;
    fallback?: Child;
}, children: Child | RequiredParameter<TRenderFunction>): HyperScriptReturn;
export declare function Switch(props: {
    fallback?: Child;
}, children: Child): HyperScriptReturn;
export declare function Match<T, TRenderFunction extends (item: Accessor<NonNullable<T>>) => Child>(props: {
    when: T | undefined | null | false;
    keyed?: false;
}, children: Child | RequiredParameter<TRenderFunction>): HyperScriptReturn;
export declare function Match<T, TRenderFunction extends (item: NonNullable<T>) => Child>(props: {
    when: T | undefined | null | false;
    keyed: true;
}, children: Child | RequiredParameter<TRenderFunction>): HyperScriptReturn;
export type HyperScriptComponent<P> = {
    (props: P, children: Child | Child[]): HyperScriptReturn;
    (children: Child | Child[]): HyperScriptReturn;
};
export type HyperScriptComponentOneChild<P> = {
    (props: P, children: Child): HyperScriptReturn;
    (children: Child): HyperScriptReturn;
};
export type HyperScriptComponentNoChildren<P> = {
    (props?: P): HyperScriptReturn;
};
export declare function component<P>(fn: Component<P>): HyperScriptComponent<P>;
export declare function componentOneChild<P>(fn: Component<P>): HyperScriptComponentOneChild<P>;
export declare function componentNoChildren<P>(fn: Component<P>): HyperScriptComponentNoChildren<P>;
export declare function withBluefish(WrappedComponent: Component): HyperScriptComponent<Omit<{}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const Bluefish: HyperScriptComponent<import('bluefish-solid').BluefishProps>;
export declare const render: (code: () => Child | Child[], element: MountableElement) => () => void;
export { createName } from 'bluefish-solid';
export declare const Align: HyperScriptComponent<Omit<{
    name: Id;
    x?: number;
    y?: number;
    alignment: import('bluefish-solid').Alignment2D | import('bluefish-solid').Alignment1D;
} & {
    children?: JSX.Element;
}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const Arrow: HyperScriptComponent<Omit<ArrowProps, "name"> & {
    name?: Id;
}>;
type HyperScriptBackgroundProps = WithBluefishProps<Omit<BackgroundProps, "background" | "name"> & {
    background?: () => HyperScriptReturn;
    name?: Id;
}>;
export declare const Background: HyperScriptComponent<HyperScriptBackgroundProps>;
export declare const Blob: HyperScriptComponent<Omit<{
    name: Id;
    path: InstanceType<typeof paper.Path>;
} & Omit<JSX.PathSVGAttributes<SVGPathElement>, "d">, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const Circle: HyperScriptComponentNoChildren<Omit<JSX.CircleSVGAttributes<SVGCircleElement> & {
    name: Id;
    cx?: number;
    cy?: number;
    r: number;
}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const StackV: HyperScriptComponent<Omit<Omit<import('bluefish-solid/dist/stackLayout').StackArgs, "direction"> & {
    alignment?: import('bluefish-solid').AlignmentHorizontal;
} & {
    children?: JSX.Element;
}, "name"> & {
    name?: import('bluefish-solid/dist/scenegraph').Id;
    zOrder?: number;
}>;
export declare const Distribute: HyperScriptComponent<Omit<{
    name: Id;
    direction: "vertical" | "horizontal";
    total?: number;
    spacing?: number;
} & {
    children?: JSX.Element;
}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const Group: HyperScriptComponent<Omit<Omit<JSX.GroupSVGAttributes<SVGGElement>, "transform"> & {
    name: Id;
    x?: number;
    y?: number;
    rels?: () => JSX.Element;
} & {
    children?: JSX.Element;
}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const Image: HyperScriptComponentNoChildren<Omit<JSX.ImageSVGAttributes<SVGImageElement> & {
    name: Id;
    x?: number;
    y?: number;
    width?: number;
    height?: number;
}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const Layout: HyperScriptComponent<import('bluefish-solid').LayoutProps>;
export declare const LayoutFunction: HyperScriptComponent<Omit<{
    f: (fromBBox: import('bluefish-solid').BBox, toBBox: import('bluefish-solid').BBox) => import('bluefish-solid').BBox;
    x?: number;
    y?: number;
} & {
    children?: JSX.Element;
}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const Line: HyperScriptComponent<Omit<{
    "stroke-width"?: number;
    "stroke-dasharray"?: string;
    stroke?: string;
    source?: number[];
    target?: number[];
} & {
    children?: import("solid-js").JSX.Element;
}, "name"> & {
    name?: import('bluefish-solid/dist/scenegraph').Id;
    zOrder?: number;
}>;
export declare const Rect: HyperScriptComponentNoChildren<Omit<JSX.RectSVGAttributes<SVGRectElement> & {
    name: Id;
    x?: number;
    y?: number;
    width?: number;
    height?: number;
}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const Ref: HyperScriptComponentNoChildren<Omit<import('bluefish-solid').RefProps, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
export declare const StackH: HyperScriptComponent<Omit<Omit<import('bluefish-solid/dist/stackLayout').StackArgs, "direction"> & {
    alignment?: import('bluefish-solid').AlignmentVertical;
} & {
    children?: JSX.Element;
}, "name"> & {
    name?: import('bluefish-solid/dist/scenegraph').Id;
    zOrder?: number;
}>;
export declare const Text: HyperScriptComponent<Omit<{
    className?: string;
    scaleToFit?: boolean | "shrink-only";
    angle?: number;
    "vertical-anchor"?: "start" | "middle" | "end";
    innerRef?: import('solid-js').Ref<SVGGElement>;
    innerTextRef?: import('solid-js').Ref<SVGTextElement>;
    x?: string | number;
    y?: string | number;
    dx?: string | number;
    dy?: string | number;
    "line-height"?: string | number | undefined;
    "cap-height"?: string | number | undefined;
    width?: number;
    children?: string | number;
    delimiters?: import('bluefish-solid/dist/text/splitAtDelimiters').Delimiter[];
} & Omit<JSX.TextSVGAttributes<SVGTextElement>, "x" | "y" | "children" | "width" | "className" | "scaleToFit" | "angle" | "vertical-anchor" | "innerRef" | "innerTextRef" | "dx" | "dy" | "line-height" | "cap-height" | "delimiters"> & {
    name: import('bluefish-solid/dist/scenegraph').Id;
}, "name"> & {
    name?: import('bluefish-solid/dist/scenegraph').Id;
    zOrder?: number;
}>;
export declare const Path: HyperScriptComponentNoChildren<Omit<JSX.PathSVGAttributes<SVGPathElement> & {
    name: Id;
    d: string;
    x?: number;
    y?: number;
    position?: "absolute" | "relative";
}, "name"> & {
    name?: Id;
    zOrder?: number;
}>;
//# sourceMappingURL=index.d.ts.map