Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Button } from '@mui/material';
import { ExitToApp, Visibility } from '@mui/icons-material';

import { GridItem } from '@shared/components/grid';

export function JoinedGroupsCard({ group: { name, privacy, image }, onView, onLeave }) {
  return (
    <GridItem
      image={image}
      name={name}
      status={privacy}
      renderActions={() => (
        <>
          {onView && (
            <Button onClick={onView}>
              <Visibility />
              Ver grupo
            </Button>
          )}
          {onLeave && (
            <Button onClick={onLeave}>
              <ExitToApp />
              Salir del grupo
            </Button>
          )}
        </>
      )}
    />
  );
}