import React from "react"

/**
 * 排序-默认
 * @returns
 */
export const SortBaseIcon = () => {
  return (
    <svg width="5" height="9" viewBox="0 0 5 9" xmlns="http://www.w3.org/2000/svg">
      <g fill="#3C3C43" fillRule="evenodd" fillOpacity=".3">
        <path d="M2.5.75 5 3.8H0zM2.5 8.883 5 5.833H0z" />
      </g>
    </svg>
  )
}

/**
 * 排序-升序-小到大icon
 * @returns
 */
export const SortAscIcon = () => {
  return (
    <svg width="5" height="9" viewBox="0 0 5 9" xmlns="http://www.w3.org/2000/svg">
      <g fill="none" fillRule="evenodd">
        <path fill="#007AFF" d="M2.5.75 5 3.8H0z" />
        <path fillOpacity=".3" fill="#3C3C43" d="M2.5 8.883 5 5.833H0z" />
      </g>
    </svg>
  )
}

/**
 * 排序-降序-大到小icon
 * @returns
 */
export const SortDescIcon = () => {
  return (
    <svg width="5" height="9" viewBox="0 0 5 9" xmlns="http://www.w3.org/2000/svg">
      <g fill="none" fillRule="evenodd">
        <path fillOpacity=".3" fill="#3C3C43" d="M2.5.75 5 3.8H0z" />
        <path fill="#007AFF" d="M2.5 8.883 5 5.833H0z" />
      </g>
    </svg>
  )
}
