ox_lib/web/src/features/menu/list/Header.tsx

import { Box, Text } from "@chakra-ui/react";

const Header: React.FC<{ title: string }> = ({ title }) => {
  return (
    <Box p={3} textAlign="center" borderTopLeftRadius="md" borderTopRightRadius="md" bg="#25262B">
      <Text fontSize={24} textTransform="uppercase" fontWeight={300} fontFamily="Poppins">
        {title}
      </Text>
    </Box>
  );
};

export default Header;