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

var _templateObject;
var Port = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 24px;\n  border-radius: 4px;\n  color: ", ";\n  background: ", ";\n  border: 1px dashed ", ";\n  display: grid;\n  gap: 5px;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialPrimary;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourMaterialPrimaryBackground;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourMaterialBorder;
});

export { Port };
//# sourceMappingURL=style.js.map
