const t = "window_root", o = {
  /**
   * Styles for the root container of the DragResizeWindow component.
   * @param {Object} params - Object containing theme and ownerState properties.
   * @param {Object} params.theme - Theme object for accessing theme variables.
   * @param {Object} params.ownerState - Object holding the component's current state.
   * @param {boolean} [params.ownerState?.hidden] - Controls visibility; if true, sets the component to be hidden and disables pointer events.
   * @returns {Object} - Style object for the root container.
   */
  root: ({ theme: i, ownerState: e }) => ({
    containerName: t,
    containerType: "inline-size",
    position: "absolute",
    left: "0px",
    top: "0px",
    width: "0px",
    height: "0px",
    backgroundColor: i.vars.palette.background.default,
    ...e?.hidden ? {
      visibility: "hidden",
      pointerEvents: "none"
    } : {}
  }),
  /**
   * Styles for the icon formatter container in the DragResizeWindow component.
   *
   * This container serves as the base for resize icons, setting up initial styles
   * like position, size, and default background color. Adjustments for cursor style
   * and additional customization are also defined here.
   * @returns {Object} - Style object for the icon formatter container.
   */
  iconResizeFormatterRoot: () => ({
    containerName: t,
    containerType: "inline-size",
    position: "absolute",
    left: "0px",
    top: "0px",
    width: "0px",
    height: "0px",
    backgroundColor: "gray",
    cursor: "default"
  }),
  /**
   * Styles for the rnd component in the DragResizeWindowRND component.
   */
  rnd: ({ ownerState: i }) => ({
    transition: "none",
    // Elimina transiciones para una mayor nitidez
    backfaceVisibility: "hidden",
    // Mejora la nitidez
    WebkitFontSmoothing: "subpixel-antialiased",
    // Mejora el texto
    // ...(ownerState?.dragging && {
    //   left: '0px',
    //   top: '0px',
    // }),
    // ...(!(ownerState?.dragging) && {
    //   left: `${ownerState?.x}px !important`,
    //   top: `${ownerState?.y}px !important`,
    //   transform: 'unset !important',
    // }),
    ...i?.dragging || i?.resizing ? {
      "&.react-draggable": {
        pointerEvents: "auto !important",
        userSelect: "none !important",
        touchAction: "none !important",
        prop1: "value1"
      }
    } : {}
  })
};
export {
  o as dragResizeWindowStyles
};
