Cacher is the code snippet organizer for pro developers

import React from 'react';
import styled from 'styled-components';
import LinearProgress from '@material-ui/core/LinearProgress';

export default styled(props => (
  <LinearProgress
    {...props}
    classes={{
      bar1Indeterminate: 'bar1Indeterminate',
      bar2Indeterminate: 'bar2Indeterminate'
    }}
  />
))`
  background-color: red;
  height: 20px;

  & .bar1Indeterminate {
    background-color: green;
  }

  & .bar2Indeterminate {
    background-color: yellow;
  }
`;