import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import React from 'react';
import styled from '@modern-js/runtime/styled';
import { uuid } from "../..\\utils\\uuid";
import { jsx as _jsx } from "react/jsx-runtime";
var ContentWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .contentItem {\n  }\n\n  .contentContainer {\n    display: flex;\n    position: fixed;\n    right: 0;\n    top: 0;\n  }\n"])));
var RightContent = function RightContent(_ref) {
  var contents = _ref.contents;
  return /*#__PURE__*/_jsx(ContentWrap, {
    children: /*#__PURE__*/_jsx("div", {
      className: "contentContainer",
      children: contents.map(function (item) {
        return /*#__PURE__*/_jsx("div", {
          className: "contentItem",
          children: item
        }, "RightContent".concat(uuid()));
      })
    })
  });
};
export default RightContent;