import React from 'react';
import { style } from 'app/styles';
// import { style } from 'app/styles';
export interface CaretDownIconProps {
width?: number;
height?: number;
style?: string | object;
}
export const CaretDownIcon = (props: CaretDownIconProps): 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 320 512"
style={style(props.style)}
>
<path
fill="currentColor"
d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
/>
</svg>
);
};
// required for stateless functional components to show name in enzyme snapshots:
// https://github.com/adriantoine/enzyme-to-json/issues/19#issuecomment-285781119
CaretDownIcon.displayName = 'CaretDownIcon';
|