import Dialog from "@mui/material/Dialog";
import DialogContent from "@mui/material/DialogContent";
import DialogTitle from "@mui/material/DialogTitle";
import Skeleton from "@mui/material/Skeleton";
import { PageSkeleton } from "@/shared/ui/PageSkeleton.jsx";
import { SideDrawer } from "@/shared/ui/SideDrawer.jsx";
import styles from "@/features/activity-templates/activity-templates.module.css";

export function ActivityTemplateDrawerSkeleton({ className = "", onClose, title, width = "default" }) {
    return (
        <SideDrawer className={className} open title={title} width={width} onClose={onClose}>
            <div className={styles.overlayDrawerSkeleton}>
                <PageSkeleton />
            </div>
        </SideDrawer>
    );
}

export function ActivityTemplateCloneDialogSkeleton({ onClose }) {
    return (
        <Dialog fullWidth maxWidth="sm" open onClose={onClose}>
            <DialogTitle>复制活动模版</DialogTitle>
            <DialogContent className={styles.overlayDialogSkeleton} aria-busy="true" aria-label="复制活动模版加载中">
                <Skeleton animation="wave" height={64} variant="rounded" />
                <Skeleton animation="wave" height={56} variant="rounded" />
                <Skeleton animation="wave" height={56} variant="rounded" />
            </DialogContent>
        </Dialog>
    );
}