const a = {
  /**
   * estilos root
   */
  root: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    gap: e.vars.size.baseSpacings.sp1,
    height: "300px"
  }),
  /**
   * estilos containerDropZone
   */
  containerDropZone: ({ theme: e }) => ({
    display: "flex",
    width: "100%",
    height: "100%",
    border: e.vars.size.borderStroke.container,
    borderColor: e.vars.palette.border.default,
    borderRadius: e.vars.size.borderRadius.r1,
    paddingTop: e.vars.size.baseSpacings.sp2,
    paddingBottom: e.vars.size.baseSpacings.sp2,
    paddingLeft: e.vars.size.baseSpacings["sp2-5"],
    paddingRight: e.vars.size.baseSpacings["sp2-5"]
  }),
  /**
   * estilos dropZone
   */
  dropZone: ({ theme: e, ownerState: i }) => ({
    display: "flex",
    width: "100%",
    height: "100%",
    alignItems: "center",
    justifyContent: "center",
    backgroundColor: e.vars.palette.background.neutral,
    borderRadius: e.vars.size.borderRadius["r0-5"],
    padding: e.vars.size.baseSpacings.sp4,
    cursor: i?.isSkeleton ? "default" : "pointer"
  }),
  /**
   * estilos containerBlockContent
   */
  containerBlockContent: ({ theme: e, ownerState: i }) => ({
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    width: "100%",
    height: "100%",
    display: i?.hidden ? "none" : "flex",
    gap: e.vars.size.baseSpacings.sp4
  }),
  label: () => ({
    display: "flex"
  }),
  helperError: () => ({
    display: "flex"
  }),
  image: () => ({
    display: "flex"
  }),
  /**
   * estilos blockContentGroup
   */
  blockContentGroup: ({ theme: e }) => ({
    display: "flex",
    width: "auto",
    height: "auto",
    alignItems: "center",
    flexDirection: "column",
    gap: e.vars.size.baseSpacings.sp2
  }),
  illustrationUpload: {},
  title: {},
  description: {},
  /**
   * estilos divider
   */
  divider: ({ theme: e }) => ({
    display: "flex",
    overflow: "visible",
    width: "100%",
    height: e.vars.size.borderStroke.container,
    border: e.vars.size.borderStroke.container,
    borderColor: e.vars.palette.border.secondary,
    position: "relative",
    justifyContent: "center",
    alignItems: "center",
    margin: e.vars.size.baseSpacings.sp3
  }),
  /**
   * estilos dividerText
   */
  dividerText: ({ theme: e }) => ({
    position: "absolute",
    backgroundColor: e.vars.palette.background.neutral,
    padding: e.vars.size.baseSpacings.sp2
  }),
  button: {},
  /**
   * estilos containerPreview
   */
  containerPreview: ({ theme: e }) => ({
    display: "flex",
    width: "100%",
    height: "fit-content",
    gap: e.vars.size.baseSpacings.sp3,
    alignContent: "center",
    padding: e.vars.size.baseSpacings["sp2-5"],
    borderRadius: e.vars.size.borderRadius.r1,
    border: e.vars.size.borderStroke.container,
    borderColor: e.vars.palette.border.default,
    backgroundColor: e.vars.palette.background.default
  }),
  /**
   * estilos containerNameSize
   */
  containerNameSize: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    flex: 1,
    gap: e.vars.size.baseSpacings.sp2,
    justifyContent: "center"
  }),
  /**
   * estilos imagePreview
   */
  imagePreview: ({ theme: e }) => ({
    display: "flex",
    width: e.vars.size.baseSpacings.sp10,
    height: e.vars.size.baseSpacings.sp10,
    alignItems: "center"
  }),
  namePreview: {},
  sizePreview: {},
  /**
   * estilos closePreview
   */
  closePreview: () => ({
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    margin: "auto"
  })
};
export {
  a as rhfUploadSingleFileStyles
};
