import type { ShadowMap as CesiumShadowMap } from "cesium";

import type { PickCesiumProps } from "../core";
import { createCesiumComponent } from "../core";

/*
@summary
`ShadowMap` is the shadow map of the scene.
*/

/*
@scope
Inside [Viewer](/components/Viewer) component or [CesiumWidget](/components/CesiumWidget) components.
*/

export type Target = CesiumShadowMap;

export type ShadowMapCesiumProps = PickCesiumProps<Target, typeof cesiumProps>;

export type ShadowMapProps = ShadowMapCesiumProps;

const cesiumProps = [
  "darkness",
  "fadingEnabled",
  "maximumDistance",
  "enabled",
  "normalOffset",
  "softShadows",
  "size",
] as const;

const ShadowMap = createCesiumComponent<CesiumShadowMap, ShadowMapProps>({
  name: "ShadowMap",
  create: context => context.scene?.shadowMap,
  cesiumProps,
});

export default ShadowMap;