@novin-dev/formalite
Version:
Generate MUI form with few line of code
33 lines (30 loc) • 1.7 kB
JavaScript
import { Grid, Typography } from '@mui/material';
import React from 'react';
import { useI18nContext } from '../../../../base/I18nProvider.js';
import CloudUploadOutlinedIcon from '@mui/icons-material/CloudUploadOutlined';
var SmallBlockContent = function (props) {
var t = useI18nContext().t;
return (React.createElement(Grid, { container: true },
React.createElement(Grid, { item: true, style: {
display: "flex",
alignItems: "center",
justifyContent: "center",
} },
React.createElement(CloudUploadOutlinedIcon, { color: "primary", sx: {
width: 45,
height: 45,
mx: 2,
} })),
React.createElement(Grid, { item: true, xs: true, container: true, direction: "column" },
React.createElement(Grid, { item: true },
React.createElement(Typography, { gutterBottom: true, variant: "h5" }, "".concat(t("dropzone_drop_or_select_file"), " ").concat(props.required ? "*" : ""))),
React.createElement(Grid, { item: true },
React.createElement(Typography, { variant: "body2", sx: { color: "text.secondary" } },
t("dropzone_drop_files_here_or_click"),
"\u00A0",
React.createElement(Typography, { variant: "body2", component: "span", sx: { color: "primary.main", textDecoration: "underline" } }, t("dropzone_browse")),
"\u00A0",
t("dropzone_select_thorough_your_machine"))))));
};
export { SmallBlockContent as default };
//# sourceMappingURL=SmallBlockContent.js.map