UNPKG

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
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;