<script>
    export let image_src;
    export let image_alt;
    export let link;
    export let text;
    export let icon_color = '#bcc0c2';
    export let text_color = '#bcc0c2';

    import SvgImage from "./SvgImage.svelte";
</script>

<style>
    div{
        display: flex;
        gap: 0.75em;
        align-items: center;
    }

    div:hover{
        cursor: pointer;
    }

    a{
        color: var(--text-color);
        text-decoration: none;
        font-weight: bold;
    }

    div{
        display: flex;
        gap: 0.75em;
        align-items: center;
    }

</style>

<div>
    <SvgImage image_src={image_src} icon_color={icon_color} />
    
    <a style="--text-color: {text_color}" href={link}>{text}</a>
</div>