import { useCallback } from "react";
import type { ICustomViewStyle, IComponentSize } from "../constants";

export const useGetBoneDimensions = (componentSize: IComponentSize) =>
  useCallback(
    (boneLayout: ICustomViewStyle) => {
      "worklet";

      return {
        width:
          typeof boneLayout.width === "string"
            ? componentSize.width
            : boneLayout.width ?? 0,
        height:
          typeof boneLayout.height === "string"
            ? componentSize.height
            : boneLayout.height ?? 0,
      } as { width: number; height: number };
    },
    [componentSize],
  );