import { makeStyles } from 'tss-react/mui';

export const useFormStyles = makeStyles()((theme) => ({
  formRow: {
    display: 'flex',
    alignItems: 'center',
    '&:not(:last-of-type)': {
      marginBottom: theme.spacing(2.5),
    },
  },
  descriptionRow: {
    display: 'flex',
    alignItems: 'flex-start',
  },
  label: {
    width: 142,
    flexShrink: 0,
    marginRight: theme.spacing(3),
    color: theme.palette.text.primary,
    fontWeight: 500,
  },
  fieldContainer: {
    flex: 1,
    '& .MuiOutlinedInput-root input': {
      boxShadow: 'none',
    },
  },
}));
