import makeStyles from "@material-ui/core/styles/makeStyles";

const useScrollableDialogStyle = makeStyles(
  theme => ({
    content: {
      overflowY: "hidden"
    },
    dialog: {
      height: "calc(100% - 64px)",
      maxHeight: 700
    },
    loadMoreLoaderContainer: {
      alignItems: "center",
      display: "flex",
      height: theme.spacing(3),
      justifyContent: "center",
      marginTop: theme.spacing(3)
    },
    scrollArea: {
      overflowY: "scroll"
    }
  }),
  {
    name: "ScrollableDialog"
  }
);

export default useScrollableDialogStyle;