| 1 | /** |
| 2 | * Copyright (c) Meta Platforms, Inc. and affiliates. |
| 3 | * |
| 4 | * This source code is licensed under the MIT license found in the |
| 5 | * LICENSE file in the root directory of this source tree. |
| 6 | */ |
| 7 | |
| 8 | import {memo} from 'react'; |
| 9 | |
| 10 | export const IconChevron = memo< |
| 11 | JSX.IntrinsicElements['svg'] & { |
| 12 | /** |
| 13 | * The direction the arrow should point. |
| 14 | */ |
| 15 | displayDirection: 'right' | 'left'; |
| 16 | } |
| 17 | >(function IconChevron({className, displayDirection, ...props}) { |
| 18 | const rotationClass = |
| 19 | displayDirection === 'left' ? 'rotate-90' : '-rotate-90'; |
| 20 | const classes = className ? `${rotationClass} ${className}` : rotationClass; |
| 21 | |
| 22 | return ( |
| 23 | <svg |
| 24 | className={classes} |
| 25 | xmlns="http://www.w3.org/2000/svg" |
| 26 | width="20" |
| 27 | height="20" |
| 28 | viewBox="0 0 20 20" |
| 29 | {...props}> |
| 30 | <g fill="none" fillRule="evenodd" transform="translate(-446 -398)"> |
| 31 | <path |
| 32 | fill="currentColor" |
| 33 | fillRule="nonzero" |
| 34 | d="M95.8838835,240.366117 C95.3957281,239.877961 94.6042719,239.877961 94.1161165,240.366117 C93.6279612,240.854272 93.6279612,241.645728 94.1161165,242.133883 L98.6161165,246.633883 C99.1042719,247.122039 99.8957281,247.122039 100.383883,246.633883 L104.883883,242.133883 C105.372039,241.645728 105.372039,240.854272 104.883883,240.366117 C104.395728,239.877961 103.604272,239.877961 103.116117,240.366117 L99.5,243.982233 L95.8838835,240.366117 Z" |
| 35 | transform="translate(356.5 164.5)" |
| 36 | /> |
| 37 | <polygon points="446 418 466 418 466 398 446 398" /> |
| 38 | </g> |
| 39 | </svg> |
| 40 | ); |
| 41 | }); |