Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { styled } from '@mui/material'
import colors from '@styles/colors'

const CardGrid = styled('div')(({ theme }) => ({
  display: 'grid',
  gap: theme.spacing(0.5),
  marginTop: theme.spacing(1),
  position: 'relative',
  width: '100%',
  gridTemplateColumns: 'repeat(auto-fill, minmax(20rem, 1fr))',
  '& + .MuiFormControl-root .MuiInputBase-root': {
    backgroundColor: colors.main
  }
}))

export default function ProfileCardsGrid({ children, styles, ...props }) {
  return (
    <CardGrid sx={styles} {...props}>
      {children}
    </CardGrid>
  )
}