import styled from "@emotion/styled";
import React from "react";

type Props = {
  style?: any;
};

function Pylon(props: Props) {
  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="none"
      {...props.style}
    >
      <path d="M8 0L10 8H6L8 0Z" fill="#E4D7FF" />
      <path d="M8 0V8H6L8 0Z" fill="#BFA9ED" />
      <path d="M8 16L10 8H6L8 16Z" fill="#957EC5" />
      <path d="M8 16L8 8L10 8L8 16Z" fill="#BFA9ED" />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M5.37802 6.10986C2.24752 6.38124 0 7.12499 0 7.99997C0 9.10454 3.58172 9.99997 8 9.99997C12.4183 9.99997 16 9.10454 16 7.99997C16 7.12499 13.7525 6.38124 10.622 6.10986L10.8682 7.34105C12.734 7.46823 14 7.71562 14 7.99997C14 8.41418 11.3137 8.74997 8 8.74997C4.68629 8.74997 2 8.41418 2 7.99997C2 7.71562 3.26596 7.46823 5.13178 7.34105L5.37802 6.10986Z"
        fill="#EAEAEB"
      />
    </svg>
  );
}

export default Pylon;

const Container = styled.div``;