bananas-commerce-admin
Version:
What's this, an admin for apes?
19 lines • 1.47 kB
JavaScript
import React from "react";
import Checkbox from "@mui/material/Checkbox";
import FormControlLabel from "@mui/material/FormControlLabel";
import FormHelperText from "@mui/material/FormHelperText";
import Grid from "@mui/material/Grid2";
import Stack from "@mui/material/Stack";
import { useCardContext } from "../../contexts/CardContext";
import { useI18n } from "../../contexts/I18nContext";
import LabeledValue from "../LabeledValue";
export const CardFieldCheckbox = ({ formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, required = false, size = "grow", value: defaultValue, yesValue, noValue, }) => {
const { t } = useI18n();
const { isEditing } = useCardContext();
return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(Stack, { direction: "column", height: "100%", justifyContent: "center" },
React.createElement(Stack, null,
React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { defaultChecked: Boolean(defaultValue), sx: { py: 0 } }), disabled: isDisabled, label: label, name: formName, required: required })),
helperText != null && React.createElement(FormHelperText, null, helperText))) : (isReadable && (React.createElement(LabeledValue, { label: label, value: defaultValue ? (yesValue ?? t("Yes")) : (noValue ?? t("No")) })))));
};
export default CardFieldCheckbox;
//# sourceMappingURL=CardFieldCheckbox.js.map