import { useMemo } from 'react';
import { StyleSheet } from 'react-native';

import { Elevation, generateShadow } from '../utils/generateShadow';

export const useShadowStyle = (depth?: Elevation) => {
  const shadowStyle = useMemo(() => {
    if (depth === undefined) return {};

    const { shadow } = StyleSheet.create({
      shadow: {
        ...generateShadow(depth),
      },
    });

    return shadow;
  }, [depth]);

  return shadowStyle;
};