import { makeStyles } from '@cleartrip/ct-design-style-manager';

export const progressBarStaticStyles = makeStyles((theme) => ({
  progressContainer: {
    backgroundColor: 'transparent',
    display: 'flex',
    flexGrow: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  progressBar: {
    width: '100%',
    overflow: 'hidden',
    // todo fix this
    // @ts-ignore
    // backgroundColor: theme?.color?.background?.gray500,
  },
  progress: {
    height: '100%',
    backgroundColor: theme?.color?.background?.neutral,
    opacity: 1,
  },
}));