import { useMemo } from "react";

function useStyles(
  styleSheet: StyleSheet,
  keyValues: Record<string, undefined | null | boolean>
) {
  const style = useMemo(() => {
    const activeStyles = Object.keys(keyValues)
      .map((styleKey) => (keyValues[styleKey] ? styleSheet[styleKey] : null))
      .filter(Boolean);

    return activeStyles;
  }, Object.values(keyValues));

  return style;
}

export default useStyles;