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

export default function Settings() {
  return (
    <Box p={8} mt={4} ml="auto" mr="auto" width="600px">
      <Box 
        bg="bg" 
        shadow="md" 
        borderRadius="md"
        p={8}
        width="600px"
        height="100px"
        textAlign="center"
        display="flex"
        alignItems="center"
        justifyContent="center"
      >
        <Text fontsize="2xl" fontWeight="bold" color="gray.700">
            Settings Canvas coming soon!
        </Text>
      </Box>
    </Box>
  );
}