import Alert from '@mui/material/Alert'
import Box from '@mui/material/Box'
import { IS_DEMO_MODE } from '@/shared/config'

export function DemoBanner() {
  if (!IS_DEMO_MODE) return null

  return (
    <Box>
      <Alert
        severity="warning"
        variant="filled"
        sx={{
          borderRadius: 0,
          justifyContent: 'center',
          '& .MuiAlert-message': { textAlign: 'center' },
        }}
      >
        Сайт работает в демо-режиме. Заказы не оформляются. Скоро открытие!
      </Alert>
    </Box>
  )
}
