flowviz/client/src/component/home/featuredCard.js

A framework which provides seamless integration with other phylogenetic tools and frameworks, while allowing workflow scheduling and execution, through the Apache Airflow workflow system.

import * as React from 'react';
import { useNavigate } from 'react-router-dom';
import { Card, CardContent, CardActions } from "@mui/material";
import { Typography } from "@material-ui/core";
import { Button } from "@material-ui/core";

export default function FeaturedCard(props) {

    const navigate = useNavigate()

    return (
        <Card>
            <CardContent>
                <Typography gutterBottom variant="h5" component="div">
                    {props.title}
                </Typography>
                <Typography variant="body2" color="text.secondary">
                    {props.description}
                </Typography>
            </CardContent>
            <CardActions>
                <Button
                onClick={() => navigate(props.buttonUrl)} 
                size="small">
                    {props.buttonText}
                </Button>
            </CardActions>
        </Card>
    )
}