@novin-dev/formalite
Version:
Generate MUI form with few line of code
42 lines (35 loc) • 2.34 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var material = require('@mui/material');
var React = require('react');
var I18nProvider = require('../../../../base/I18nProvider.js');
var CloudUploadOutlinedIcon = require('@mui/icons-material/CloudUploadOutlined');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var CloudUploadOutlinedIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloudUploadOutlinedIcon);
var SmallBlockContent = function (props) {
var t = I18nProvider.useI18nContext().t;
return (React__default["default"].createElement(material.Grid, { container: true },
React__default["default"].createElement(material.Grid, { item: true, style: {
display: "flex",
alignItems: "center",
justifyContent: "center",
} },
React__default["default"].createElement(CloudUploadOutlinedIcon__default["default"], { color: "primary", sx: {
width: 45,
height: 45,
mx: 2,
} })),
React__default["default"].createElement(material.Grid, { item: true, xs: true, container: true, direction: "column" },
React__default["default"].createElement(material.Grid, { item: true },
React__default["default"].createElement(material.Typography, { gutterBottom: true, variant: "h5" }, "".concat(t("dropzone_drop_or_select_file"), " ").concat(props.required ? "*" : ""))),
React__default["default"].createElement(material.Grid, { item: true },
React__default["default"].createElement(material.Typography, { variant: "body2", sx: { color: "text.secondary" } },
t("dropzone_drop_files_here_or_click"),
"\u00A0",
React__default["default"].createElement(material.Typography, { variant: "body2", component: "span", sx: { color: "primary.main", textDecoration: "underline" } }, t("dropzone_browse")),
"\u00A0",
t("dropzone_select_thorough_your_machine"))))));
};
exports["default"] = SmallBlockContent;
//# sourceMappingURL=SmallBlockContent.js.map