import React from 'react'
import Image from 'next/image'
import { Box } from '@mui/material'
import { useCustomTheme } from '@/themes/useCustomTheme'
const Divider = () => {
  const theme = useCustomTheme();
  return (
    <Box 
      sx={{
        width: '100%', 
        height: '100%', 
        px: theme.customProperties.sectionPaddingX,
        m: '40px 0'
      }}
    >
      <Box
        component={'img'}
        src='/squigle.svg'
      />
    </Box>
  )
}

export default Divider