import * as React from "react";

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

export enum PinType {
  Success = "success",
  Failed = "failed"
}

interface IPinProps {
  type: PinType;
}

export const Pin = ({ type }: IPinProps) => (
  <div className={`pin pin--${type}`}>
    <div className="pin__icon">
      {(() => {
        switch (type) {
          case PinType.Failed:
            return <Icon icon="x" vwidth={14} vheight={14} width={20} height={20} />
          case PinType.Success:
          default:
            return <Icon icon="check" vwidth={18} vheight={13} width={20} height={20} />
        }
      })()}
    </div>

    <span className="pin__shadow" />
  </div>
)