import React, { FC } from "react";
import styled from "styled-components";

const Flo: FC = () => {
  return (
    <Wrapper viewBox="0 0 116 98" fill="none">
      <path d="M45.0244 0.0466919H38.7803V95.3634H45.0244V0.0466919Z" fill="white"></path>
      <path d="M16.7681 6.12545C19.4957 6.12545 22.0828 7.13962 24.0502 8.97509L28.3716 4.58552C25.2352 1.655 21.115 0.0435181 16.7681 0.0435181C7.52168 0.0435181 0 7.36983 0 16.3761V95.3634H6.24412V33.4832H21.8145V27.4013H6.24412V16.3761C6.24412 10.7235 10.9647 6.12545 16.7681 6.12545Z" fill="white"></path>
      <path d="M85.7149 58.9932C69.0171 58.9932 55.4302 45.7622 55.4302 29.4981C55.4334 13.2309 69.0171 0 85.7149 0C102.413 0 116 13.2309 116 29.495C116 45.7622 102.413 58.9932 85.7149 58.9932ZM85.7149 6.08193C72.4601 6.08193 61.6775 16.5845 61.6775 29.495C61.6775 42.4055 72.4601 52.9081 85.7149 52.9081C98.9697 52.9081 109.752 42.4055 109.752 29.495C109.752 16.5845 98.9697 6.08193 85.7149 6.08193Z" fill="white"></path>
    </Wrapper>
  );
}

const Wrapper = styled.svg`
  position: absolute;
  top: 0;
  right: 0;
  width: 17vw;
  z-index: 5;
`;

export default Flo;