import { CONTAINER_QUERY_NAME as s } from "./constants.js";
const i = {
  /**
   * Elemento root referencia a `TabContent`
   */
  root: ({ theme: a, ownerState: o }) => ({
    paddingTop: a.vars.size.baseSpacings.sp3,
    paddingBottom: 0,
    paddingLeft: 0,
    paddingRight: 0,
    display: "flex",
    overflow: "auto",
    containerName: s,
    containerType: "inline-size",
    // height: '100%',
    flexDirection: "column",
    gap: a.vars.size.baseSpacings.sp3,
    position: "relative",
    flex: 1,
    flexGrow: 1,
    borderTop: a.vars.size.borderStroke.container,
    borderColor: a.vars.palette?.border.secondary,
    boxSizing: "border-box",
    zIndex: "0",
    top: "-1px",
    ...o?.hasBackground ? {
      backgroundColor: a.vars.palette?.background.base,
      paddingLeft: a.vars.size.baseSpacings.sp2,
      paddingRight: a.vars.size.baseSpacings.sp2,
      paddingBottom: a.vars.size.baseSpacings.sp2
    } : {}
  })
};
export {
  i as tabContentStyles
};
