// ** MUI Imports
import Box from '@mui/material/Box'
import Button from '@mui/material/Button'
import TextField from '@mui/material/TextField'
import { Label } from 'recharts'

// ** Icon Imports
import Icon from 'src/@core/components/icon'

interface TableHeaderProps {
  value: string
}

const TableHeader = (props: TableHeaderProps) => {
  // ** Props

  return (
    <Box sx={{ p: 5, pb: 3, display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'space-between', fontSize: '24px' }}>
      <span className="mr-4 mb-2">グループ</span> 
      <Box sx={{ display: 'flex', flexWrap: 'wrap', alignItems: 'center' }}>
        <Button sx={{ mb: 2 }} variant='contained' href='/master/group/create/'>
        新規登録
        </Button>
      </Box>
    </Box>
  )
}

export default TableHeader