import React from "react";

import { Icon } from "../icon/Icon";

export const SelectIcon = () => (
  <div className="pointer-events-none absolute right-12 top-[calc(50%-10px)] flex h-20 w-12 cursor-pointer flex-col items-center justify-center">
    <Icon
      name="chevron-up"
      size="12"
      weight="bold"
      ESCAPE_className="absolute top-[1px] left-0"
    />
    <Icon
      name="chevron-down"
      size="12"
      weight="bold"
      ESCAPE_className="absolute bottom-[1px] left-0"
    />
  </div>
);
