@wonderlandengine/react-ui/dist/components.d.ts

React-based UI in Wonderland Engine.

import { Material, Object3D, Texture } from '@wonderlandengine/api';
import React from 'react';
import { YogaNodeProps, TextProps, MeshProps } from './renderer.js';
import { Color } from './utils.js';
export declare const MaterialContext: React.Context<{
    panelMaterial?: Material | null | undefined;
    panelMaterialTextured?: Material | null | undefined;
    textMaterial?: Material | null | undefined;
}>;
export declare const ThemeContext: React.Context<{
    colors?: {
        background?: Color | undefined;
        primary?: Color | undefined;
        primaryActive?: Color | undefined;
        primaryHovered?: Color | undefined;
        borderPrimary?: Color | undefined;
        borderPrimaryActive?: Color | undefined;
        borderPrimaryHovered?: Color | undefined;
        text?: Color | undefined;
    } | undefined;
}>;
export interface PanelProps extends YogaNodeProps {
    material?: Material | null;
    borderMaterial?: Material | null;
    rounding?: number;
    resolution?: number;
    backgroundColor?: Color;
    borderColor?: Color;
    borderSize?: number;
}
export declare const Container: React.ForwardRefExoticComponent<YogaNodeProps & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const Panel: React.ForwardRefExoticComponent<PanelProps & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const Panel9Slice: React.ForwardRefExoticComponent<PanelProps & {
    texture?: Texture | null | undefined;
    borderSize?: number | undefined;
    borderTextureSize?: number | undefined;
} & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const Image: React.ForwardRefExoticComponent<{
    src: string | Texture;
} & PanelProps & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const Plane: React.ForwardRefExoticComponent<MeshProps & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const Column: React.ForwardRefExoticComponent<YogaNodeProps & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const Row: React.ForwardRefExoticComponent<YogaNodeProps & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const Text: React.ForwardRefExoticComponent<TextProps & {
    color?: Color | undefined;
} & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const Button: React.ForwardRefExoticComponent<{
    material?: Material | undefined;
    backgroundColor?: Color | undefined;
    rounding?: number | undefined;
    resolution?: number | undefined;
    borderSize?: number | undefined;
    borderColor?: Color | undefined;
    hovered: {
        material?: Material;
        backgroundColor?: Color;
        borderSize?: number;
        borderColor?: Color;
    };
    active: {
        material?: Material;
        backgroundColor?: Color;
        borderSize?: number;
        borderColor?: Color;
    };
} & YogaNodeProps & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;
export declare const ProgressBar: React.ForwardRefExoticComponent<YogaNodeProps & {
    value: number;
    rounding?: number | undefined;
    fgMaterial?: Material | undefined;
    bgMaterial?: Material | undefined;
    fgColor?: Color | undefined;
    bgColor?: Color | undefined;
    barLeftMargin?: number | undefined;
} & {
    children?: React.ReactNode;
} & React.RefAttributes<Object3D>>;