import React, { useState } from 'react';
import Box from './Box';
/**
* IndividualConnection Component
* Displays a card for each data connection request
*/
function IndividualConnection(props) {
const [selected, setSelected] = useState(false);
const handleSelectionChange = (isSelected) => {
setSelected(isSelected);
props.onSelectionChange(isSelected);
};
// Get icon based on data type
const getDataTypeIcon = () => {
switch(props.title) {
case "Profile":
return (
);
case "User Memories":
return (
);
default:
return (
);
}
};
return (
{getDataTypeIcon()}
{props.title}
{props.descriptions && (
)}
{props.rewards && (
)}
);
}
export default IndividualConnection;