import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2, _templateObject3;

import React from 'react';
import styled from 'styled-components';
import { usersApi } from '@sentecacommerce-theme/lib';
import { UserIcon } from '../../../../Common/Icons';

var User = () => {
  var {
    data
  } = usersApi.useGet();
  var name = (data == null ? void 0 : data.firstName) || (data == null ? void 0 : data.email);
  return /*#__PURE__*/React.createElement(UserWrapper, null, /*#__PURE__*/React.createElement(IconContainer, null, /*#__PURE__*/React.createElement(UserIcon, null)), /*#__PURE__*/React.createElement(Username, null, "Hi, ", name));
};

var UserWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n"])));
var IconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  vertical-align: middle;\n  background: transparent;\n  flex: 0 0 auto;\n  color: rgba(0, 0, 0, 0.54);\n  text-align: center;\n  border-radius: 100px;\n  cursor: pointer;\n  display: inline-flex;\n  outline: none;\n  position: relative;\n  align-items: center;\n  margin-right: 12px;\n  margin-left: -3px;\n"])));
var Username = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n"])));
export { User };
//# sourceMappingURL=index.js.map