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

var _templateObject, _templateObject2, _templateObject3;
var UserTaskNotificationBannerWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: 10px 30px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialSecondary;
});
var TaskWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 87px;\n  height: 96px;\n  background: ", ";\n  border-radius: 4px;\n  display: inline-grid;\n  align-items: center;\n  padding-left: 10px;\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourBrandPrimaryDark;
});
var TaskContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 10px;\n"])));

export { TaskContainer, TaskWrapper, UserTaskNotificationBannerWrapper };
//# sourceMappingURL=style.js.map
