@wavelengthusaf/components 1.2.1 → 1.2.3

package/dist/index.mjs

@@ -4995,32 +4995,30 @@ import Snackbar2 from "@mui/material/Snackbar";
 import IconButton5 from "@mui/material/IconButton";
 import CloseIcon3 from "@mui/icons-material/Close";
 import SnackbarContent2 from "@mui/material/SnackbarContent";
-var WavelengthStandardSnackbar = (props) => {
-  let show = props.show;
-  const setShow = props.setShow;
+function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width: width2, message, customVertyAlign, toggleShow }) {
   const handleClose = () => {
-    setShow(false);
+    toggleShow(false);
   };
-  const durationMs = props.durationSb ? props.durationSb * 1e3 : 4e3;
+  const durationMs = durationSb ? durationSb * 1e3 : 4e3;
   let bgColor = "";
-  if (props.type == "success") {
+  if (type == "success") {
     bgColor = "#25ab21";
-  } else if (props.type == "error") {
+  } else if (type == "error") {
     bgColor = "#FF4646";
-  } else if (props.type == "disabled") {
+  } else if (type == "disabled") {
     bgColor = "#737373";
   }
-  const sIcon = props.icon ? props.icon : "";
+  const sIcon = icon ? icon : "";
   return /* @__PURE__ */ React31.createElement(
     Snackbar2,
     {
-      sx: { marginTop: props.customVertyAlign ? `${props.customVertyAlign}` : "", zIndex: 1400 },
+      sx: { marginTop: customVertyAlign ? `${customVertyAlign}` : "", zIndex: 1400 },
       open: show,
       onClose: handleClose,
       autoHideDuration: durationMs,
       anchorOrigin: {
-        vertical: props.vertyAlign ? props.vertyAlign : "top",
-        horizontal: props.horryAlign ? props.horryAlign : "center"
+        vertical: vertyAlign ? vertyAlign : "top",
+        horizontal: horryAlign ? horryAlign : "center"
       }
     },
     /* @__PURE__ */ React31.createElement(
@@ -5038,16 +5036,16 @@ var WavelengthStandardSnackbar = (props) => {
             style: {
               display: "grid",
               gridTemplateColumns: "1fr 1fr 1fr 1fr 1fr",
-              width: props.width
+              width: width2
             }
           },
-          /* @__PURE__ */ React31.createElement("div", { style: { marginTop: 4, gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, id: "snackbar" }, /* @__PURE__ */ React31.createElement("div", null, sIcon), /* @__PURE__ */ React31.createElement("div", { style: { fontSize: "1rem", marginLeft: "10px" } }, props.message ? props.message : "Insert Message Here")),
-          /* @__PURE__ */ React31.createElement("div", { style: { gridColumnStart: 6 } }, " ", /* @__PURE__ */ React31.createElement(IconButton5, { size: "small", "aria-label": "close", color: "inherit", onClick: handleClose }, /* @__PURE__ */ React31.createElement(CloseIcon3, { fontSize: "small" })))
+          /* @__PURE__ */ React31.createElement("div", { style: { marginTop: 4, gridColumnStart: 2, gridColumnEnd: 5, textAlign: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, id: "snackbar" }, /* @__PURE__ */ React31.createElement("div", null, sIcon), /* @__PURE__ */ React31.createElement("div", { style: { fontSize: "1rem", marginLeft: "10px" } }, message ? message : "Insert Message Here")),
+          /* @__PURE__ */ React31.createElement("div", { style: { gridColumnStart: 6 } }, " ", /* @__PURE__ */ React31.createElement(IconButton5, { size: "small", "aria-label": "close", color: "inherit" }, /* @__PURE__ */ React31.createElement(CloseIcon3, { fontSize: "small" })))
         )
       }
     )
   );
-};
+}
 export {
   AceOfSpadesComponent,
   AppLogo,