import Stack from '@material-hu/mui/Stack';
import { styled } from '@material-hu/mui/styles';

const ControlsContainer = styled(Stack)({
  position: 'absolute',
  bottom: 0,
  width: '100%',
  flexDirection: 'row',
  justifyContent: 'center',
  gap: 24,
  padding: 16,
  background: 'linear-gradient(180deg, transparent, #00000066, #000000B2)',
  zIndex: 1,
  borderBottomLeftRadius: 16,
  borderBottomRightRadius: 16,
});

export default ControlsContainer;
