bluenote/src/components/icon/IconArrowVerticalFilled/index.tsx

import { Image } from '@tarojs/components'
import ArrowVerticalFilledWhite from '@/images/svgs/chat/ArrowVerticalFilledWhite.svg'
import ArrowVerticalFilledGray from '@/images/svgs/chat/ArrowVerticalFilledGray.svg'
interface IProps {
  color?: 'white' | 'gray'
  rotation?: number
}
export default ({color, rotation = 0}: IProps) => {
  const Icon = color === 'white' ? ArrowVerticalFilledWhite : ArrowVerticalFilledGray
  return (
    <Image src={Icon} mode="widthFix" style={{width: '16px', height: '16px', transition: 'transform .1s .1s', transform: `rotate(${rotation}deg)`}}></Image>
  )
}