import * as React from 'react';
import Box from '@mui/material/Box';
import { styled, } from '@mui/material/styles';



const ItemHeader = styled('div')(({ theme }) => ({
  padding: theme.spacing(1),
  borderRadius: '4px',
  textAlign: 'left',
}));

export default function ReferenceCodePopupDialogCotentsHeader() {

  return (
    <Box
      sx={{
        display: 'grid',
        gridAutoFlow: 'row',
        gridTemplateColumns: 'repeat(3, 1fr)',
        gap: 1,
      }}
    >
      <ItemHeader>문서번호</ItemHeader>
      <ItemHeader>코드명</ItemHeader>
      <ItemHeader sx={{textAlign: 'center'}}>선택</ItemHeader>
    </Box>
  );
}