bananas-commerce-admin
Version:
What's this, an admin for apes?
20 lines • 1.61 kB
JavaScript
import React from "react";
import FormHelperText from "@mui/material/FormHelperText";
import Grid from "@mui/material/Grid2";
import Stack from "@mui/material/Stack";
import Switch from "@mui/material/Switch";
import Typography from "@mui/material/Typography";
import { useCardContext } from "../../contexts/CardContext";
import { useI18n } from "../../contexts/I18nContext";
import LabeledValue from "../LabeledValue";
export const CardFieldSwitch = ({ formName, helperText, isDisabled = false, isEditable = true, isReadable = true, label, offValue, onValue, required = false, size = "grow", value: defaultValue, }) => {
const { isCompact, isEditing } = useCardContext();
const { t } = useI18n();
return (React.createElement(Grid, { size: size }, isEditing && isEditable ? (React.createElement(Stack, { direction: "column", height: "100%", justifyContent: "center" },
React.createElement(Stack, { alignItems: "center", direction: "row", justifyContent: isCompact ? "space-between" : "start" },
React.createElement(Typography, { variant: "subtitle2" }, label),
React.createElement(Switch, { defaultChecked: Boolean(defaultValue), disabled: isDisabled, name: formName, required: required, size: isCompact ? "small" : "medium" })),
helperText != null && React.createElement(FormHelperText, { sx: { mb: 1 } }, helperText))) : (isReadable && (React.createElement(LabeledValue, { compact: isCompact, label: label, value: defaultValue ? (onValue ?? t("Yes")) : (offValue ?? t("No")) })))));
};
export default CardFieldSwitch;
//# sourceMappingURL=CardFieldSwitch.js.map