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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;

import styled from 'styled-components';
export var ProfileElementContainer = styled.div.attrs({
  className: 'mb-2'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  box-shadow: inset 0 -0.1rem 0 0 ", ";\n"])), (_ref) => {
  var {
    theme
  } = _ref;
  return theme.palette.light;
});
export var ProfileElementInner = styled.div.attrs({
  className: 'p-2'
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  font-size: 1.4rem;\n  line-height: 1.428571;\n"])));
export var ProfileElementWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-left: -0.8rem;\n  margin-right: -0.8rem;\n"])));
export var ProfileElementContentContainer = styled.div.attrs({
  className: 'pl-2 pr-2 pb-3'
})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  line-height: 1.75;\n  width: 75%;\n  display: inline-block;\n  color: ", ";\n"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.palette.hint;
});
export var ProfileElementActionsContainer = styled.div.attrs({})(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  line-height: 1.75;\n  justify-content: flex-end;\n  width: 25%;\n  display: inline-flex;\n  text-align: right;\n  vertical-align: top;\n"])));
//# sourceMappingURL=index.js.map