first commit

2023-03-25 20:44:56 -04:00
commit 97cc85c49d
711 changed files with 109164 additions and 0 deletions
@@ -0,0 +1,78 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import Slide from '@mui/material/Slide';
+import Card from "@mui/material/Card";
+import { Typography } from "@mui/material";
+
+const Transition = React.forwardRef(function Transition(props, ref) {
+  return <Slide direction="up" ref={ref} {...props} />;
+});
+
+export default function TransitionsDialog() {
+  const [open, setOpen] = React.useState(false);
+
+  const handleClickOpen = () => {
+    setOpen(true);
+  };
+
+  const handleClose = () => {
+    setOpen(false);
+  };
+
+  return (
+    <Card
+      sx={{
+        boxShadow: "none",
+        borderRadius: "10px",
+        p: "25px",
+        mb: "15px",
+      }}
+    >
+      <Typography
+        as="h3"
+        sx={{
+          fontSize: 18,
+          fontWeight: 500,
+          mb: '10px'
+        }}
+      >
+        Transitions Dialog
+      </Typography>
+
+      <div>
+        <Button variant="outlined" onClick={handleClickOpen}>
+          Slide in alert dialog
+        </Button>
+        
+        <Dialog
+          open={open}
+          TransitionComponent={Transition}
+          keepMounted
+          onClose={handleClose}
+          aria-describedby="alert-dialog-slide-description"
+        >
+          <div className="bg-black">
+            <DialogTitle>{"Use Google's location service?"}</DialogTitle>
+
+            <DialogContent>
+              <DialogContentText id="alert-dialog-slide-description">
+                Let Google help apps determine location. This means sending anonymous
+                location data to Google, even when no apps are running.
+              </DialogContentText>
+            </DialogContent>
+
+            <DialogActions>
+              <Button onClick={handleClose}>Disagree</Button>
+              <Button onClick={handleClose}>Agree</Button>
+            </DialogActions>
+          </div>
+        </Dialog>
+      </div>
+    </Card>
+  );
+}