import { getSizeSpacing as i } from "./helpers/getSizeSpacing.js";
const s = {
  /**
   * Estilos para el contenedor principal del card.
   */
  root: ({ theme: r, ownerState: o }) => {
    const a = i(o?.gap, r), t = i(o?.padding, r);
    return {
      display: "flex",
      justifyContent: o?.justifyContent ?? "center",
      alignItems: o?.alignItems ?? "center",
      flexDirection: o?.direction ?? "column",
      gap: a,
      padding: t,
      transition: "all 0.2s ease-in-out",
      width: "100%",
      outline: "unset!important",
      borderRadius: r.vars.size.borderRadius.r2,
      backgroundColor: r.vars.palette.background.default,
      height: o?.height ?? "auto",
      minHeight: o?.height ?? "auto",
      maxHeight: o?.height ?? "auto",
      overflow: "hidden",
      ...o?.onClick && {
        cursor: "pointer",
        "&:hover": {
          backgroundColor: r.vars.palette.background.base
        },
        "&:active": {
          backgroundColor: r.vars.palette.default.activeOpacity
        },
        "&:focus-visible, &:focus-within": {
          border: r.vars.size.borderStroke.container,
          borderColor: `${r.vars.palette.primary.focusVisible}!important`,
          outline: "unset!important"
        }
      },
      ...o?.variant === "outlined" && {
        border: r.vars.size.borderStroke.container,
        borderColor: r.vars.palette.border.disabled
      },
      ...o?.variant === "text" && {
        border: r.vars.size.borderStroke.container,
        borderColor: "transparent"
      },
      ...o?.selected && {
        border: r.vars.size.borderStroke.container,
        borderColor: r.vars.palette.primary.enabled
      }
    };
  }
};
export {
  s as cardStyles
};
