import theme from "mazlo-theme";

import StyleSheet from "../../services/StyleSheet";

export default StyleSheet.create({
  container: {
    paddingBottom: theme.space[4],
  },
  containerLarge: {
    paddingBottom: theme.space[8],
  },
  containerSmall: {
    paddingBottom: 0,
  },
  hintText: {
    paddingVertical: theme.space[1],
  },
  label: {
    paddingBottom: theme.space[2],
    fontSize: theme.fontSizes.xxs,
  },
  labelDark: {
    color: theme.colors.white,
  },
  labelLarge: {
    fontSize: theme.fontSizes.md,
    paddingBottom: theme.space[4],
  },
  labelContainer: {
    justifyContent: "space-between",
  },
  error: {
    marginTop: theme.space[1],
    padding: theme.space[1],
    paddingHorizontal: theme.space[2],
  },
  requiredText: {
    color: theme.colors.red,
  },
  requiredTextFilled: {
    color: theme.colors.green,
  },
});