const t = {
  /**
   * root class
   */
  root: ({ theme: e }) => ({
    width: "100%",
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "flex-start",
    gap: e.vars.size.baseSpacings.sp1
  }),
  /**
   * periodRoot class
   */
  periodRoot: ({ theme: e }) => ({
    width: "100%",
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp1
  }),
  /**
   * textField class
   */
  numberInput: () => ({
    maxWidth: "43px !important"
  }),
  /**
   * select class
   */
  select: () => ({
    width: "100px"
  })
};
export {
  t as rhfPeriodStyles
};
