interface Props {
    size: number, 
    hover?: boolean,
}
export default function GraphIcon({size, hover}: Props) {
    let classNames = ""
    if (hover) {
        classNames += "icon-hover-stroke"
    }
    return (
        <div className={classNames}>
        <svg width={`${size}px`} height={`${size}px`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M21 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V3M15 10V17M7 13V17M19 5V17M11 7V17" stroke="var(--color-fg)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        </div>
    )
}