import { getSizeStyles as s } from "../../utils/getSizeStyles/getSizeStyles.js";
const e = {
  /**
   *************************************************************
   * Estilos del contenedor principal del componente PaperForm
   * @param theme
   ***********************************************************
   */
  paperFormRoot: ({ theme: r, ownerState: a }) => ({
    background: r.vars.palette.background.default,
    ...a?.paperFormVariant === "standard" && {
      borderRadius: r.size.borderRadius.r1,
      border: `${r.size.borderStroke.container}`,
      borderColor: r.vars.palette.border.default
    },
    // ...(ownerState?.paperFormVariant === 'text' && {
    //   borderRadius: theme.size.borderRadius.r1,
    // }),
    width: "100%",
    overflow: "auto",
    ...a?.height === "full" && {
      flexGrow: 1,
      display: "flex",
      flexDirection: "column",
      flexShrink: 1,
      minHeight: "200px"
    },
    ...a?.height === "auto" && {
      height: "auto",
      flexShrink: 0
    },
    container: "container / inline-size"
  }),
  /**
   * ************************************************************
   * Estilos del contenedor del header del componente PaperForm
   * @param theme
   ***********************************************************
   */
  containerHeader: ({ theme: r, ownerState: a }) => ({
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    gap: r.vars.size.baseSpacings.sp1,
    overflow: "hidden",
    padding: `${r.vars.size.baseSpacings.sp1} ${r.vars.size.baseSpacings.sp2}`,
    ...a?.paperFormVariant === "standard" && {
      borderRadius: `${r.vars.size.borderRadius.r1} ${r.vars.size.borderRadius.r1} 0 0`,
      background: r.vars.palette[a?.color ?? "default"].hoverOpacity
    },
    alignSelf: "stretch",
    ...s(
      r,
      a?.size || "medium",
      "container",
      (i) => ({
        height: i,
        minHeight: i
      })
    )
  }),
  /**
   * ************************************************************
   * Estilos del título del header del componente PaperForm
   * @param theme
   ***********************************************************
   */
  containerTitle: ({ theme: r }) => ({
    color: r.vars.palette.text.primary,
    fontFamily: r.typography.fontFamily,
    fontSize: r.typography.body,
    variants: [],
    display: "inline-flex",
    alignItems: "center"
  }),
  /**
   * ************************************************************
   * Estilos del icono del header del componente PaperForm
   * @param theme
   ***********************************************************
   */
  containerIcon: {},
  /**
   * ************************************************************
   * Estilos del contenido del componente PaperForm
   * @param theme
   ***********************************************************
   */
  containerContent: ({ theme: r, ownerState: a }) => ({
    width: "100%",
    height: a?.height === "full" ? "100%" : "auto",
    display: "flex",
    flexDirection: a?.isForm ? "row" : "column",
    alignItems: a?.isForm ? "flex-start" : "center",
    justifyContent: a?.isForm ? "flex-start" : "center",
    gap: a?.isForm ? r.vars.size.baseSpacings.sp3 : r.vars.size.baseSpacings.sp0,
    flexWrap: a?.isForm ? "wrap" : "nowrap",
    padding: a?.paperFormVariant === "onlyContainer" ? "0px" : r.vars.size.baseSpacings.sp3,
    background: r.vars.palette.background.default,
    flex: 1,
    overflow: "auto"
  })
};
export {
  e as paperFormStyles
};
