@makeen.io/material-ui-kit
Version:
Makeen UI components kit. Based on material-ui.
42 lines • 1.63 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";import React from "react";
import Paper from "@material-ui/core/Paper";
import { makeStyles } from "@material-ui/core/styles";
var useStyles = makeStyles(function (theme) {return {
root: {
alignItems: "center",
border: "1px solid " + theme.palette.colors.basic[500],
display: "flex",
flexDirection: "column",
height: theme.spacing(14.5),
justifyContent: "space-around",
padding: theme.spacing(1),
transitionProperty: "box-shadow, border",
width: theme.spacing(12),
"&:hover": {
borderColor: theme.palette.colors.primary[500],
boxShadow: "0 2px 10px 0 rgba(0, 0, 0, 0.24)"
},
"& .icon": {
alignItems: "center",
display: "flex",
flex: 2,
justifyContent: "center",
width: "100%"
},
"& .title": {
flex: 1,
textAlign: "center"
}
}
};});
var Icon = function Icon(_ref) {var children = _ref.children;return /*#__PURE__*/React.createElement("span", { className: "icon" }, children);};
var Title = function Title(_ref2) {var children = _ref2.children;return /*#__PURE__*/React.createElement("span", { className: "title" }, children);};
var BuilderCard = function BuilderCard(props) {
var classes = useStyles();
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/
React.createElement(Paper, _extends({}, props, { variant: "outlined", className: classes.root })));
};
BuilderCard.Icon = Icon;
BuilderCard.Title = Title;
export default BuilderCard;
//# sourceMappingURL=index.js.map