import { Stack } from '@mui/material';
import { GroupByObjectTitle } from './GroupByObject.style';

export const GroupByObject = ({ title, children }) => {
  return (
    <Stack direction="column" spacing={0.375}>
      <GroupByObjectTitle>{title}</GroupByObjectTitle>
      <Stack direction="row" sx={{gap: ".75rem"}}>
        {children}
      </Stack>
    </Stack>
  );
};