import { ThemeColor } from '../types'

export function MirrorIcon({
  color
} : {
  color: ThemeColor
}) {
  return (
    <svg
      style={iconStyle} width="16" height="16"
      viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
    >
      <path fill={color} d="M0.282767 4.07563C0.0484525 4.30994 0.0484526 4.68984 0.282767 4.92415L3.8183 8.45969C4.05262 8.694 4.43251 8.694 4.66683 8.45969C4.90114 8.22537 4.90114 7.84547 4.66683 7.61116L2.15561 5.09994L12.9999 5.09994C13.3312 5.09994 13.5999 4.83131 13.5999 4.49994C13.5999 4.16857 13.3312 3.89994 12.9999 3.89994L2.15551 3.89994L4.66683 1.38862C4.90114 1.1543 4.90114 0.774406 4.66683 0.540091C4.43251 0.305777 4.05262 0.305777 3.8183 0.540091L0.282767 4.07563ZM15.4255 11.9242C15.6598 11.6898 15.6598 11.3099 15.4255 11.0756L11.8899 7.54009C11.6556 7.30578 11.2757 7.30578 11.0414 7.54009C10.8071 7.77441 10.8071 8.1543 11.0414 8.38862L13.5527 10.8999L2.70837 10.8999C2.377 10.8999 2.10837 11.1686 2.10837 11.4999C2.10837 11.8313 2.377 12.0999 2.70837 12.0999L13.5526 12.0999L11.0414 14.6112C10.8071 14.8455 10.8071 15.2254 11.0414 15.4597C11.2757 15.694 11.6556 15.694 11.8899 15.4597L15.4255 11.9242Z" stroke="#464646" strokeWidth="0.2"/>
    </svg>
  )
}

const iconStyle = {
  height: 16
}