All files / app/components CaretLeftIcon.tsx

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34                    6x 12x   12x                                     6x  
import React from 'react';
import { style } from 'app/styles';
// import { style } from 'app/styles';
 
export interface CaretLeftIconProps {
  width?: number;
  height?: number;
  style?: object | string;
}
 
export const CaretLeftIcon = (props: CaretLeftIconProps): JSX.Element => {
  const { width = 16, height = 16 } = props;
 
  return (
    <svg
      width={width}
      height={height}
      role="img"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 192 512"
      style={style(props.style)}
    >
      <path
        fill="currentColor"
        d="M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z"
      />
    </svg>
  );
};
 
// required for stateless functional components to show name in enzyme snapshots:
// https://github.com/adriantoine/enzyme-to-json/issues/19#issuecomment-285781119
CaretLeftIcon.displayName = 'CaretLeftIcon';