All files useStyledProps.ts

100% Statements 4/4
75% Branches 3/4
100% Functions 1/1
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16          185x   185x 111x     185x        
import getTailwindClasseNames from "./getTailwindClasseNames";
 
export type Props = Record<string, any>;
 
function useStyledProps<P extends Props>({ className, ...props }: P): string | undefined {
  const classNames = className ? [className] : [];
 
  for (const name in props) {
    classNames.push(getTailwindClasseNames(name, props[name]));
  }
 
  return classNames.length ? classNames.join(" ") : undefined;
}
 
export default useStyledProps;