{"size": 1414, "ext": "js", "max_stars_repo_path": "src/components/Chatbox/styles.js", "max_stars_repo_name": "rahulchrty/bliss", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Chatbox/styles.js", "max_issues_repo_name": "rahulchrty/bliss", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Chatbox/styles.js", "max_forks_repo_name": "rahulchrty/bliss", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.5666666667, "max_line_length": 71, "alphanum_fraction": 0.5834512023}
import { createUseStyles } from 'react-jss';


const extendedStyles = {
  bottom: 0,
  height: '100%',
  right: 0,
  width: '100%',
};


export default createUseStyles(theme => ({
  body: () => ({
    flexGrow: 1,
    overflowY: 'auto',
    position: 'relative',
  }),
  bodyHidden: () => ({
    display: 'none',
  }),
  container: ({ configuration }) => ({
    backgroundColor: theme.palette.background.default,
    borderRadius: theme.shape.radius.outer,
    display: 'flex',
    flexDirection: 'column',
    height: '100%',
    ...configuration.chatbox.styles,
    [theme.breakpoints.down('xs')]: configuration.chatbox.stylesMobile,
  }),
  root: ({ configuration }) => ({
    '& > *': {
      bottom: ~~configuration.chatbox.margin,
      display: 'block',
      left: ~~configuration.chatbox.margin,
      position: 'absolute',
      right: ~~configuration.chatbox.margin,
      top: ~~configuration.chatbox.margin,
      [theme.breakpoints.down('xs')]: {
        bottom: 0,
        left: 0,
        right: 0,
        top: 0,
      },
    },
    bottom: 0,
    height: 500,
    minWidth: 320,
    position: 'absolute',
    right: 0,
    transitionDuration: '.2s',
    transitionProperty: 'bottom, height, right, transform, width',
    width: 350,
    [theme.breakpoints.down('xs')]: extendedStyles,
  }),
  rootExtended: () => extendedStyles,
  rootHidden: () => ({
    display: 'none !important',
  }),
}));
