<script>
import HeaderContactElement from "./HeaderContactElement.svelte";
import phone_icon from '$lib/assets/phone.svg'
import mail_icon from '$lib/assets/mail.svg'
export let customClass = '';
</script>

<style>
.header-contact{
    display: flex;
    flex-direction: row;
    gap: 2em;
}

@media (min-width: 900px){

    .header-contact{
        display: flex;
        flex-direction: column;
        gap: 0.5em;
    }
}
</style>

<div class="header-contact {customClass}" >
<HeaderContactElement image_src={mail_icon} image_alt="Mail icon" link="mailto:info@intelidom.si" text="info@intelidom.si"></HeaderContactElement>
<HeaderContactElement image_src={phone_icon} image_alt="Mail icon" link="tel:+3860771166" text="040 77 11 66"></HeaderContactElement>
</div>