import React, { memo } from 'react';
import "./style.css";
import { Button } from 'antd';
import { MdFlipCameraAndroid } from 'react-icons/all';

var Top = function Top(props) {
  var toogleInvertCam = props.toogleInvertCam;
  return /*#__PURE__*/React.createElement("div", {
    className: "overlay-top"
  }, toogleInvertCam && /*#__PURE__*/React.createElement(Button, {
    className: "btn-invert-cam",
    type: "primary",
    shape: "circle",
    icon: /*#__PURE__*/React.createElement(MdFlipCameraAndroid, {
      size: "22px"
    }),
    size: "large",
    onClick: toogleInvertCam
  }), props.children, /*#__PURE__*/React.createElement("svg", {
    viewBox: "0 0 1865 61",
    version: "1.1"
  }, /*#__PURE__*/React.createElement("title", null, "Group 7"), /*#__PURE__*/React.createElement("g", {
    id: "Hud",
    stroke: "none",
    strokeWidth: "1",
    fill: "none",
    fillRule: "evenodd"
  }, /*#__PURE__*/React.createElement("g", {
    id: "overlay-template-copy-6",
    transform: "translate(-24.000000, -139.000000)"
  }, /*#__PURE__*/React.createElement("g", {
    id: "Group-7",
    transform: "translate(24.000000, 139.000000)"
  }, /*#__PURE__*/React.createElement("polyline", {
    id: "Path-6",
    stroke: "#FFFFFF",
    strokeWidth: "3",
    points: "16 8 553.199219 8 623.445313 58.625 1249.37109 58.625 1313.35547 8 1856.76953 8"
  }), /*#__PURE__*/React.createElement("circle", {
    id: "Oval",
    fill: "#FFFFFF",
    cx: "8.5",
    cy: "8.5",
    r: "8.5"
  }), /*#__PURE__*/React.createElement("circle", {
    id: "Oval",
    fill: "#FFFFFF",
    cx: "1856.5",
    cy: "8.5",
    r: "8.5"
  }))))));
};

export default memo(Top);