coject 2.0.0 → 2.2.0

package/dist/esm/Builder/Header/mobHeader/index.js

@@ -0,0 +1,141 @@
+import React, { useState, useEffect } from "react";
+// Material UI
+import { Box, IconButton, Menu, Typography, Button, MenuItem, TextField, Accordion, AccordionSummary, AccordionDetails, Divider, List, ListItem } from "@mui/material";
+// Material Icon
+import * as MuiIcons from "@mui/icons-material";
+// Styles
+import useStyles from "../theme";
+export const MobHeader = ({ logo, icon, menus, setMenus, localeText, languages, defaultLanguage, search, mobMenus }) => {
+    const Icons = MuiIcons;
+    const { classes } = useStyles();
+    const [menuList, setMenuList] = useState({});
+    const [searchView, setSearchView] = useState(false);
+    const [accordionState, setAccordionState] = useState("components");
+    const [languageLogo, setLanguageLogo] = useState("/images/lang/en.jpg");
+    // Accordion
+    const accordionHandler = (Panel) => (_, isExpanded) => {
+        setAccordionState(isExpanded ? Panel : false);
+    };
+    // Default Language Logo
+    useEffect(() => {
+        if (defaultLanguage && languages?.length) {
+            if (defaultLanguage === 'ar' || defaultLanguage === 'en') {
+                setLanguageLogo(`${defaultLanguage === "ar" ? "/images/lang/ar.jpg" : "/images/lang/en.jpg"}`);
+            }
+            else
+                setLanguageLogo(languages.filter((language) => language.name === defaultLanguage)[0]?.logo || "");
+        }
+    }, [defaultLanguage, languages]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, { className: classes.mobHeader },
+            React.createElement(Box, { className: classes.mobLogo },
+                React.createElement("img", { onClick: () => window.location.href = '/', src: icon, alt: "Logo" })),
+            React.createElement(Box, { className: classes.mobMenu },
+                React.createElement(List, { className: classes.menuList }, !!mobMenus?.length &&
+                    React.createElement(ListItem, null,
+                        React.createElement(Button, { onClick: (e) => setMenuList({ mainMenu: e.currentTarget }) },
+                            React.createElement(Icons.Menu, null)))),
+                React.createElement(List, { className: classes.menuList, style: { justifyContent: "flex-end" } },
+                    search &&
+                        React.createElement(MenuItem, null,
+                            React.createElement(Button, { onClick: () => setSearchView(!searchView) },
+                                React.createElement(Icons.SearchOutlined, null)),
+                            searchView &&
+                                React.createElement(Box, { className: classes.mobSearch },
+                                    React.createElement(IconButton, { className: "mobSearchBtn" },
+                                        React.createElement(Icons.Search, null)),
+                                    React.createElement(TextField, { fullWidth: true, placeholder: localeText?.headerSearch || "Search" }))),
+                    languages && !!languages.length &&
+                        React.createElement(MenuItem, null,
+                            React.createElement(Button, { onClick: (e) => setMenuList({ languages: e.currentTarget }) },
+                                React.createElement("img", { src: languageLogo, alt: 'Language' })),
+                            React.createElement(Menu, { className: classes.subMenuList, anchorEl: menuList && Object.keys(menuList).length && menuList?.languages, open: Boolean(menuList?.languages), onClose: () => setMenuList({}), transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } },
+                                React.createElement(Box, { className: classes.subListMenu, onMouseLeave: () => setMenuList({}) },
+                                    React.createElement(Box, { className: classes.subMenuContent }, languages.map((language, index) => {
+                                        if (language.name === "ar" || language.name === "en") {
+                                            return (React.createElement(MenuItem, { key: index, component: Button, onClick: (event) => {
+                                                    setMenuList({});
+                                                    language.onClick && language.onClick(event);
+                                                    setLanguageLogo(`${language.name === "ar" ? "/images/lang/ar.jpg" : "/images/lang/en.jpg"}`);
+                                                } },
+                                                React.createElement("img", { src: `${language.name === "ar" ? "/images/lang/ar.jpg" : "/images/lang/en.jpg"}`, alt: language.name === "ar" ? "العربية" : "English" }),
+                                                language.name === "ar" ? "العربية" : "English"));
+                                        }
+                                        else {
+                                            return (React.createElement(MenuItem, { key: index, component: Button, onClick: (event) => {
+                                                    setMenuList({});
+                                                    setLanguageLogo(language?.logo || "");
+                                                    language.onClick && language.onClick(event);
+                                                } },
+                                                React.createElement("img", { src: language?.logo, alt: language.name }),
+                                                language.name));
+                                        }
+                                    }))))),
+                    !(!!mobMenus?.length && mobMenus.includes("subMenu")) && menus && !!Object.keys(menus).length && menus.subMenu && !!menus.subMenu.length && menus.subMenu.map((listItem, index) => {
+                        const ItemIcon = listItem.icon && Icons[listItem.icon];
+                        if (listItem.children && !!listItem.children.length) {
+                            return (React.createElement(ListItem, { key: index },
+                                React.createElement(Button, { onClick: (e) => setMenuList({ [((listItem.label).toLowerCase()).replaceAll(" ", "_")]: e.currentTarget }) },
+                                    listItem.image && React.createElement("img", { src: listItem.image, alt: listItem.label }),
+                                    ItemIcon ? React.createElement(ItemIcon, null) : "",
+                                    !listItem.noLabel && listItem.label,
+                                    React.createElement(Typography, null, !listItem.noArrow && React.createElement(Icons.ExpandMore, null))),
+                                menuList && !!Object.keys(menuList).length &&
+                                    React.createElement(Menu, { className: classes.subMenuList, anchorEl: menuList && Object.keys(menuList).length && menuList[((listItem.label).toLowerCase()).replaceAll(" ", "_")], open: Boolean(menuList[((listItem.label).toLowerCase()).replaceAll(" ", "_")]), onClose: () => setMenuList({}), transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } },
+                                        React.createElement(Box, { className: classes.subListMenu, onMouseLeave: () => setMenuList({}) },
+                                            React.createElement(Box, { className: classes.subMenuContent }, listItem.children.map((childListItem, childIndex) => {
+                                                const ChildItemIcon = childListItem.icon && Icons[childListItem.icon];
+                                                return (React.createElement(MenuItem, { key: childIndex, component: Button, ...(childListItem.link ? { href: childListItem.link } : {}), onClick: () => { setMenuList({}); childListItem.onClick && childListItem.onClick(setMenus); } },
+                                                    childListItem.image && React.createElement("img", { src: childListItem.image, alt: childListItem.label }),
+                                                    ChildItemIcon ? React.createElement(ChildItemIcon, null) : "",
+                                                    React.createElement(Typography, null, !childListItem.noLabel && childListItem.label)));
+                                            }))))));
+                        }
+                        else {
+                            return (React.createElement(ListItem, { key: index },
+                                React.createElement(Button, { ...(listItem.link ? { href: listItem.link } : {}), onClick: () => listItem.onClick && listItem.onClick(setMenus) },
+                                    listItem.image && React.createElement("img", { src: listItem.image, alt: listItem.label }),
+                                    ItemIcon ? React.createElement(ItemIcon, null) : "",
+                                    React.createElement(Typography, null, !listItem.noLabel && listItem.label))));
+                        }
+                    })),
+                menuList && !!Object.keys(menuList).length && !!mobMenus?.length &&
+                    React.createElement(Menu, { className: `${classes.mobMenuList} mobMenuList`, anchorEl: menuList && Object.keys(menuList).length && menuList?.mainMenu, open: Boolean(menuList?.mainMenu), onClose: () => setMenuList({}) },
+                        React.createElement(Button, { className: `${classes.mobMenuClose} mobMenuClose`, onClick: () => setMenuList({}) },
+                            React.createElement(Icons.Close, null)),
+                        React.createElement(Box, { className: classes.mobMenuContent },
+                            React.createElement(MenuItem, { className: classes.mobMenuImage },
+                                React.createElement(Button, { href: "/" },
+                                    React.createElement("img", { src: logo, alt: "Logo" }))),
+                            mobMenus.map((menu, index) => {
+                                return (React.createElement(React.Fragment, { key: index },
+                                    index !== 0 && React.createElement(Divider, null),
+                                    menus && !!Object.keys(menus).length && menus[menu] && !!menus[menu].length && menus[menu].map((listItem, index) => {
+                                        const ItemIcon = listItem.icon && Icons[listItem.icon];
+                                        if (listItem.children && !!listItem.children.length) {
+                                            return (React.createElement(Accordion, { key: index, className: classes.mobAccordion, expanded: accordionState === ((listItem.label).toLowerCase()).replaceAll(" ", "_"), onChange: accordionHandler(((listItem.label).toLowerCase()).replaceAll(" ", "_")) },
+                                                React.createElement(AccordionSummary, { className: classes.mobMenuTitle, ...(!listItem.noArrow ? { expandIcon: React.createElement(Icons.Add, null) } : {}) },
+                                                    React.createElement(Typography, { variant: "h6" },
+                                                        listItem.image && React.createElement("img", { src: listItem.image, alt: listItem.label }),
+                                                        ItemIcon ? React.createElement(ItemIcon, null) : "",
+                                                        React.createElement(Typography, null, !listItem.noLabel && listItem.label))),
+                                                React.createElement(AccordionDetails, { className: classes.mobMenuBody }, listItem.children.map((childListItem, childIndex) => {
+                                                    const ChildItemIcon = childListItem.icon && Icons[childListItem.icon];
+                                                    return (React.createElement(MenuItem, { key: childIndex, title: childListItem.label, onClick: () => setMenuList({}) },
+                                                        React.createElement(Button, { ...(childListItem.link ? { href: childListItem.link } : {}), onClick: () => childListItem.onClick && childListItem.onClick(setMenus) },
+                                                            childListItem.image && React.createElement("img", { src: childListItem.image, alt: childListItem.label }),
+                                                            ChildItemIcon ? React.createElement(ChildItemIcon, null) : "",
+                                                            React.createElement(Typography, null, !childListItem.noLabel && childListItem.label))));
+                                                }))));
+                                        }
+                                        else {
+                                            return (React.createElement(MenuItem, { key: index, title: listItem.label, onClick: () => { setMenuList({}); listItem.onClick && listItem.onClick(setMenus); } },
+                                                React.createElement(Button, { fullWidth: true, type: "button", ...(listItem.link ? { href: listItem.link } : {}) },
+                                                    listItem.image && React.createElement("img", { src: listItem.image, alt: listItem.label }),
+                                                    ItemIcon ? React.createElement(ItemIcon, null) : "",
+                                                    !listItem.noLabel && React.createElement(Typography, null, listItem.label))));
+                                        }
+                                    })));
+                            })))))));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/Builder/Header/mobHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../resources/Builder/Header/mobHeader/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Builder/Header/theme.d.ts

@@ -0,0 +1,10 @@
+declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"menuList" | "dskHeader" | "dskLogo" | "closedDskLogo" | "dskMenu" | "closedDskMenu" | "dskSearch" | "subMenuList" | "subListMenu" | "subMenuContent" | "mobHeader" | "mobLogo" | "mobMenu" | "mobSearch" | "mobMenuList" | "mobMenuClose" | "mobMenuContent" | "mobMenuImage" | "mobAccordion" | "mobMenuTitle" | "mobMenuBody", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default useStyles;

package/dist/esm/Builder/Header/theme.js

@@ -0,0 +1,462 @@
+import { makeStyles } from "tss-react/mui";
+const useStyles = makeStyles()((theme) => {
+    return {
+        dskHeader: {
+            top: 0,
+            left: 0,
+            zIndex: 2,
+            width: "100%",
+            height: "70px",
+            display: "flex",
+            position: "fixed",
+        },
+        dskLogo: {
+            width: "250px",
+            height: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: theme.palette.secondary.contrastText,
+            backgroundColor: theme.palette.secondary.dark,
+            transition: "width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms",
+            "& img": {
+                maxWidth: "135px",
+                maxHeight: "50px",
+                cursor: "pointer"
+            }
+        },
+        closedDskLogo: {
+            padding: "0 22px",
+            width: "70px !important",
+            "& img": {
+                flex: "1 0 25px",
+                maxWidth: "25px",
+                maxHeight: "25px"
+            }
+        },
+        dskMenu: {
+            height: "100%",
+            display: "flex",
+            padding: "0 22px",
+            alignItems: "center",
+            width: "calc(100vw - 250px)",
+            justifyContent: "space-between",
+            boxShadow: "0 0.75rem 1.5rem #12263f08",
+            backgroundColor: theme.palette.primary.contrastText,
+            transition: "width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms"
+        },
+        closedDskMenu: {
+            width: "calc(100vw - 70px)"
+        },
+        dskSearch: {
+            width: "192px",
+            display: "flex",
+            position: "relative",
+            alignItems: "center",
+            padding: "0 !important",
+            justifyContent: "center",
+            "& button": {
+                zIndex: 2,
+                top: "50%",
+                left: "13px",
+                position: "absolute",
+                padding: "0 !important",
+                transform: "translateY(-50%)",
+                "& svg": {
+                    width: "16px",
+                    height: "16px",
+                    color: theme.palette.secondary.main
+                }
+            },
+            "& input": {
+                fontSize: "13px",
+                lineHeight: "13px",
+                borderRadius: "30px",
+                padding: "10px 20px 9px 40px",
+                color: theme.palette.secondary.dark,
+                backgroundColor: theme.palette.secondary.light
+            },
+            "& fieldset": {
+                border: "unset",
+                borderRadius: "30px"
+            }
+        },
+        menuList: {
+            gap: 20,
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            padding: "0 !important",
+            "& li": {
+                gap: 3,
+                padding: 0,
+                width: "auto",
+                minHeight: "auto",
+                transition: "color .2s ease",
+                color: theme.palette.secondary.contrastText,
+                "& a, & button": {
+                    gap: 5,
+                    padding: 0,
+                    display: "flex",
+                    fontSize: "13px",
+                    minWidth: "auto",
+                    minHeight: "22px",
+                    lineHeight: "13px",
+                    alignItems: "center",
+                    whiteSpace: "nowrap",
+                    textTransform: "capitalize",
+                    backgroundColor: "transparent",
+                    color: theme.palette.secondary.contrastText,
+                    "&:hover": {
+                        backgroundColor: "transparent",
+                        color: theme.palette.primary.main
+                    },
+                    "& img": {
+                        width: "22px",
+                        objectFit: "cover"
+                    },
+                    "& p": {
+                        width: "100%",
+                        overflow: "hidden",
+                        textAlign: "start",
+                        whiteSpace: "nowrap",
+                        textOverflow: "ellipsis"
+                    }
+                },
+                "& svg": {
+                    width: "22px",
+                    height: "22px",
+                    fill: theme.palette.secondary.contrastText
+                },
+                "&:hover": {
+                    backgroundColor: "transparent",
+                    color: theme.palette.primary.main,
+                    "& svg": {
+                        fill: theme.palette.primary.main
+                    }
+                }
+            }
+        },
+        subMenuList: {
+            "& .MuiPaper-root": {
+                width: "180px",
+                boxShadow: "none",
+                overflow: "initial",
+                backgroundColor: "transparent !important"
+            },
+            "& ul": {
+                padding: 0,
+                "& li, & a, & button": {
+                    gap: 7,
+                    padding: 0,
+                    width: "100%",
+                    display: "flex",
+                    fontSize: "13px",
+                    minHeight: "auto",
+                    alignItems: "center",
+                    textTransform: "capitalize",
+                    "&:hover": {
+                        backgroundColor: "transparent",
+                        color: theme.palette.primary.main
+                    },
+                    "& img": {
+                        width: "22px",
+                        objectFit: "cover"
+                    },
+                    "& p": {
+                        width: "100%",
+                        overflow: "hidden",
+                        textAlign: "start",
+                        whiteSpace: "nowrap",
+                        textOverflow: "ellipsis"
+                    }
+                }
+            }
+        },
+        subListMenu: {
+            cursor: "pointer",
+            paddingTop: "48px",
+            transform: "translateY(-23px)"
+        },
+        subMenuContent: {
+            gap: 8,
+            display: "flex",
+            padding: "12px 14px",
+            flexDirection: "column",
+            backgroundColor: theme.palette.primary.contrastText,
+            boxShadow: "0 0 0 1px #d1d7dc,0 2px 4px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.08)"
+        },
+        mobHeader: {
+            top: 0,
+            left: 0,
+            zIndex: 2,
+            width: "100%",
+            height: "70px",
+            display: "flex",
+            position: "fixed",
+        },
+        mobLogo: {
+            width: "70px",
+            height: "100%",
+            display: "flex",
+            padding: "0 22px",
+            alignItems: "center",
+            justifyContent: "space-between",
+            color: theme.palette.secondary.contrastText,
+            backgroundColor: theme.palette.secondary.dark,
+            "& img": {
+                flex: "1 0 25px",
+                cursor: "pointer",
+                maxWidth: "25px",
+                maxHeight: "25px"
+            }
+        },
+        mobMenu: {
+            height: "100%",
+            display: "flex",
+            padding: "0 22px",
+            alignItems: "center",
+            width: "calc(100vw - 70px)",
+            justifyContent: "space-between",
+            boxShadow: "0 0.75rem 1.5rem #12263f08",
+            backgroundColor: theme.palette.primary.contrastText,
+            transition: "width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms"
+        },
+        mobSearch: {
+            left: "50%",
+            top: "70px",
+            width: "100vw",
+            display: "flex",
+            maxWidth: "450px",
+            position: "fixed",
+            alignItems: "center",
+            justifyContent: "center",
+            transform: "translateX(-50%)",
+            padding: "15px 25px !important",
+            boxShadow: "0 1rem 3rem rgba(0,0,0,.175)",
+            backgroundColor: theme.palette.primary.contrastText,
+            "& button": {
+                zIndex: 2,
+                top: "50%",
+                right: "25px",
+                position: "absolute",
+                borderRadius: "unset",
+                padding: "8px !important",
+                transform: "translateY(-50%)",
+                backgroundColor: theme.palette.primary.main + "!important",
+                "& svg": {
+                    width: "22px",
+                    height: "22px",
+                    fill: theme.palette.primary.contrastText + "!important"
+                },
+                "&:hover": {
+                    backgroundColor: theme.palette.primary.dark + "!important",
+                    "& svg": {
+                        fill: theme.palette.primary.contrastText + "!important"
+                    }
+                }
+            },
+            "& input": {
+                borderRadius: 0,
+                fontSize: "13px",
+                lineHeight: "13px",
+                padding: "10px 20px",
+                color: theme.palette.secondary.dark,
+                backgroundColor: theme.palette.secondary.light
+            },
+            "& fieldset": {
+                borderRadius: 0,
+                borderStyle: "solid",
+                borderWidth: "1px !important",
+                borderColor: theme.palette.grey[400] + "!important"
+            }
+        },
+        mobMenuList: {
+            "& ul": {
+                padding: 0
+            },
+            "& .MuiPaper-root": {
+                boxShadow: "none",
+                overflow: "initial",
+                top: "0 !important",
+                left: "0 !important",
+                backgroundColor: "transparent !important"
+            },
+            "& .MuiBackdrop-invisible": {
+                opacity: "0.7 !important",
+                backgroundColor: theme.palette.grey[900]
+            }
+        },
+        mobMenuClose: {
+            top: "15px",
+            left: "300px",
+            position: "absolute",
+            backgroundColor: "transparent !important",
+            color: theme.palette.primary.contrastText,
+            "&:hover": {
+                backgroundColor: "transparent"
+            }
+        },
+        mobMenuContent: {
+            gap: 5,
+            width: "300px",
+            display: "flex",
+            height: "100vh",
+            overflow: "auto",
+            marginRight: "auto",
+            flexDirection: "column",
+            backgroundColor: theme.palette.primary.contrastText,
+            "& hr": {
+                margin: "0 15px"
+            },
+            "& li": {
+                padding: "0 15px",
+                minHeight: "auto",
+                "& p": {
+                    padding: 0,
+                    width: "95%",
+                    fontSize: "15px",
+                    overflow: "hidden",
+                    lineHeight: "15px",
+                    WebkitLineClamp: 1,
+                    display: "-webkit-box",
+                    textOverflow: "ellipsis",
+                    WebkitBoxOrient: "vertical",
+                    textTransform: "capitalize"
+                },
+                "& a, & button": {
+                    gap: 7,
+                    display: "flex",
+                    padding: "7px 0",
+                    fontSize: "15px",
+                    textAlign: "start",
+                    lineHeight: "15px",
+                    alignItems: "center",
+                    textTransform: "capitalize",
+                    justifyContent: "flex-start",
+                    color: theme.palette.secondary.dark,
+                    "& svg": {
+                        width: "24px",
+                        height: "24px",
+                        color: theme.palette.primary.main
+                    },
+                    "& img": {
+                        width: "24px",
+                        objectFit: "cover"
+                    },
+                    "& p": {
+                        width: "100%",
+                        overflow: "hidden",
+                        textAlign: "start",
+                        whiteSpace: "nowrap",
+                        textOverflow: "ellipsis"
+                    },
+                    "&:hover": {
+                        backgroundColor: "transparent",
+                        color: theme.palette.primary.main
+                    }
+                },
+                "&:hover": {
+                    backgroundColor: "transparent"
+                }
+            }
+        },
+        mobMenuImage: {
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            marginBottom: "15px",
+            justifyContent: "center",
+            padding: "16px !important",
+            backgroundColor: theme.palette.secondary.dark + "!important",
+            "& a": {
+                padding: "2px 0 !important"
+            },
+            "& img": {
+                width: "145px !important"
+            }
+        },
+        mobAccordion: {
+            width: "100%",
+            marginTop: "0 !important",
+            boxShadow: "none !important",
+            marginBottom: "0 !important",
+            padding: "7px 15px !important",
+            backgroundColor: "transparent !important",
+            "&:before": {
+                content: "none"
+            }
+        },
+        mobMenuTitle: {
+            padding: 0,
+            minHeight: "auto !important",
+            alignItems: "center !important",
+            "& h6": {
+                width: "95%",
+                display: "flex",
+                fontSize: "16px",
+                lineHeight: "24px",
+                textTransform: "capitalize",
+                "& svg": {
+                    marginRight: "10px",
+                    marginBottom: "-5px",
+                    transform: "none !important"
+                },
+                "& img": {
+                    width: "22px",
+                    objectFit: "cover",
+                    marginRight: "10px"
+                },
+                "& p": {
+                    width: "100%",
+                    overflow: "hidden",
+                    textAlign: "start",
+                    whiteSpace: "nowrap",
+                    textOverflow: "ellipsis"
+                }
+            },
+            "& .MuiAccordionSummary-content": {
+                gap: 5,
+                display: "flex",
+                alignItems: "center",
+                margin: "0 !important",
+            },
+            "& svg": {
+                width: "22px !important",
+                height: "22px !important"
+            },
+            "&.Mui-expanded": {
+                margin: "0 0 10px !important",
+                color: theme.palette.primary.main + "!important",
+                "& svg": {
+                    transform: "rotate(45deg)",
+                    color: theme.palette.primary.main + "!important",
+                }
+            },
+            "&:hover": {
+                color: theme.palette.primary.main + "!important",
+                "& svg": {
+                    color: theme.palette.primary.main + "!important"
+                }
+            }
+        },
+        mobMenuBody: {
+            padding: "0 15px",
+            "& a, & button": {
+                fontSize: "16px",
+                lineHeight: "16px",
+                textDecoration: "none",
+                color: theme.palette.secondary.dark,
+                "& p": {
+                    width: "100%",
+                    overflow: "hidden",
+                    textAlign: "start",
+                    whiteSpace: "nowrap",
+                    textOverflow: "ellipsis"
+                }
+            }
+        }
+    };
+});
+export default useStyles;
+//# sourceMappingURL=theme.js.map