import React from 'react';
import './navigation-link.scss';
import { Link } from '@mui/material';

const NavigationLink = (props: INavigationLink) => {
    const {url, text, icon, iconPosition, subtext, handleClick} = props;
    return (
        <div className={`link-content ${iconPosition}`} onClick={handleClick}>
            {(icon && <div className="icon"></div>) || null}
            <div className="text-content">
                <div className="text" title={text}>{text}</div>
                {(icon && <small className="subtext">{subtext}</small>) || null}
            </div>
        </div>
    )
}

export default NavigationLink;

export interface INavigationLink {
    icon?: string;
    iconPosition?: 'left' | 'right';
    text: string;
    subtext?: string;
    url?: string;
    handleClick?: () => void;
}