cafe-art-components
Version:
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). https://hackernoon.com/creating-a-library-of-react-components-using-create-react-app-without-ejecting-d182df690c6b ## Available Scripts
41 lines (39 loc) • 1.21 kB
JavaScript
import React from "react";
import "./EspressoMachine.scss";
var EspressoMachine = function EspressoMachine(_ref) {
var _ref$color = _ref.color,
color = _ref$color === void 0 ? '#ff0000' : _ref$color,
_ref$size = _ref.size,
size = _ref$size === void 0 ? '200px' : _ref$size;
return React.createElement("div", {
className: "espresso-machine",
style: {
'--metal': "".concat(color),
'--container-width': "".concat(size),
'--container-height': "".concat(size)
}
}, React.createElement("div", {
className: "cups"
}), React.createElement("div", {
className: "metal-grate"
}), React.createElement("div", {
className: "cup cup-1"
}), React.createElement("div", {
className: "cup cup-2"
}), React.createElement("div", {
className: "cup cup-3"
}), React.createElement("div", {
className: "top"
}, React.createElement("div", {
className: "logo"
})), React.createElement("div", {
className: "middle"
}), React.createElement("div", {
className: "bottom"
}), React.createElement("div", {
className: "leg left"
}), React.createElement("div", {
className: "leg right"
}));
};
export default EspressoMachine;