import Box from '@mui/material/Box';
import React from 'react';

type HeadingRekamProps = {
  label: string;
};

const HeadingRekam = ({ label }: HeadingRekamProps) => (
  <Box
    sx={{
      fontSize: '18px',
      color: '#fff',
      p: '14px',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      background: "var(--palette-primary-main)",
      borderRadius: 1,
      width: '100%',
      margin: '36px 0px',
    }}
  >
    {label}
  </Box>
);

export default HeadingRekam;
