import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../_virtual/_rollupPluginBabelHelpers.js';
import styled, { css } from 'styled-components';

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
var centerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
var MessageMain = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  box-shadow: 0px -3px 20px ", ";\n  border-radius: 4px;\n  background: ", ";\n  ", "\n  justify-content: space-between;\n  padding: 24px;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colorBoxShadow;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourMaterialPrimary;
}, centerCss);
var Messagesub = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  gap: 24px;\n"])), centerCss);
var Selectsub = styled(Messagesub)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  gap: 10px;\n\n  justify-content: space-between;\n"])));
var Crosebuttonbox = styled(Messagesub)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([""])));
var Messageicon = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  border-radius: 4px;\n  display: flex;\n"])));
var RiderImg = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: 37px;\n  width: 37px;\n"])));

export { Crosebuttonbox, MessageMain, Messageicon, Messagesub, RiderImg, Selectsub };
//# sourceMappingURL=style.js.map
