import { buildThemedStyles } from "../AtlantisThemeContext";
import { getTypographyStyles } from "../Typography";

export const useStyles = buildThemedStyles(tokens => {
  const typographyStyles = getTypographyStyles(tokens);

  return {
    inputPaddingTop: {
      paddingTop:
        (typographyStyles.smallSize.fontSize || 0) +
        tokens["space-smaller"] +
        tokens["space-smallest"],
    },

    multiLineInput: {
      paddingTop: 0,
      lineHeight: typographyStyles.defaultSize.lineHeight,
      paddingRight: tokens["space-base"] - tokens["space-smallest"],
    },

    multiLineInputWithMini: {
      paddingTop: tokens["space-large"] + tokens["space-smallest"],
      paddingBottom: tokens["space-small"] - tokens["space-smallest"],
    },

    multilineInputiOS: {
      paddingTop:
        (typographyStyles.defaultSize.fontSize || 0) + tokens["space-smallest"],
    },

    multilineWithoutMiniLabel: {
      paddingTop: tokens["space-base"] + tokens["space-smallest"],
      paddingBottom: tokens["space-base"] + tokens["space-smallest"],
    },
  };
});