import { Matrix16T, VuerProps } from '../../vuer/interfaces'; import { GLTF } from 'three-stdlib'; import { AnimationClip, ColorRepresentation, Group } from 'three'; import { MaterialTypes } from '../primitives/three_materials'; import { ThreeElements } from '@react-three/fiber'; import { TransformProps } from '../../three_transforms/interfaces'; /** * GLTF/GLB model viewer props * * @dial transform */ export type GltfProps = VuerProps<{ /** @dial-ignore **/ data: GLTF; /** @dial-ignore **/ animations?: AnimationClip[]; /** @dial-ignore **/ matrix?: Matrix16T; /** * Color of the model * @dial appearance * @dial-cols 2 * @dial-dtype color */ color?: ColorRepresentation; /** * Material type * @dial appearance */ materialType?: MaterialTypes; /** @dial-ignore **/ material?: ThreeElements['material']; /** * Hide the Glb model * @dial visibility * @dial-dtype boolean * @dial-default false */ hide?: boolean; /** * @dial appearance * @dial-dtype number * @dial-default 1 * @dial-min 0 * @dial-max 1 * @dial-step 0.001 */ opacity: number; } & TransformProps, Group>; /** * GLTF/GLB model viewer component * * @dial gltf */ export declare function GltfView({ data, _ref, scale, matrix, color, materialType, material, hide, opacity, ...rest }: TransformProps & GltfProps): import("react/jsx-runtime").JSX.Element;