import { Box } from '@mui/material'
import { ReminderHeader } from '../../components/supply/ReminderHeader'
import { ReminderKpiBar } from '../../components/supply/ReminderKpiBar'
import { ReminderFilterBar } from '../../components/supply/ReminderFilterBar'
import { ReminderFeed } from '../../components/supply/ReminderFeed'
import { ReminderDetailDrawer } from '../../components/supply/ReminderDetailDrawer'

export default function ReminderManager() {
  return (
    <Box>
      <ReminderHeader />

      <Box sx={{ px: 3, py: 3 }} className="flex flex-col gap-4">
        <ReminderKpiBar />
        <ReminderFilterBar />
        <ReminderFeed />
      </Box>

      <ReminderDetailDrawer />
    </Box>
  )
}