const t = {
  /**
   * Slot: root
   * Componente extendido de MUI Skeleton, que permite personalizar los estilos del componente.
   */
  root: ({ ownerState: i, theme: r }) => ({
    "&.M4lclassCssSpecificity": {
      // Estilos generales 🌐
      // Override de estilos generales de MUI 🚫
      "&.MuiSkeleton-root": {
        backgroundColor: r.vars.palette.skeleton.default
      },
      // Variante rounded 💅
      ...i?.variant === "rounded" && {
        // Override de estilos de MUI 🚫
        width: "100%",
        height: "100%",
        borderRadius: r.vars.size.borderRadius.r1
      },
      // Variante rectangular 💅
      ...i?.variant === "rectangular" && {
        // Override de estilos de MUI 🚫
        width: "100%",
        height: "100%"
      },
      // Variante rectangular 💅
      ...i?.variant === "circular" && {
        // Override de estilos de MUI 🚫
        width: "100%",
        height: "100%"
      }
    },
    width: i?.width || "100%"
  })
};
export {
  t as skeletonStyles
};
