All files / Rindu/components/icons Chevron.tsx

100% Statements 1/1
66.66% Branches 4/6
100% Functions 1/1
100% Lines 1/1

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 17 18 19    8x                                
import { ReactElement, SVGProps } from "react";
 
export default function Chevron({
  rotation,
  ...props
}: { rotation?: string } & SVGProps<SVGSVGElement>): ReactElement {
  return (
    <svg height="24" role="img" width="24" viewBox="0 0 24 24" {...props}>
      <polygon points="15.54,21.151 5.095,12.229 15.54,3.309 16.19,4.069 6.635,12.229 16.19,20.39 "></polygon>
      <style jsx>{`
        svg {
          fill: currentColor;
          transform: rotate(${rotation ?? "90deg"});
        }
      `}</style>
    </svg>
  );
}