import { Box, SxProps } from '@mui/material'
import { ReactNode } from 'react'

export default function Row({
  gap,
  children,
  sx,
}: {
  gap: number
  children: ReactNode
  sx?: SxProps
}) {
  return (
    <Box
      sx={{
        display: 'flex',
        gap: `${gap}px`,
        ...sx,
      }}
    >
      {children}
    </Box>
  )
}
