<script>
    import { makeid } from "$lib/functions.js"
    import edit_btn from '$lib/assets/edit.svg';
    import remove_btn from '$lib/assets/delete.svg';
    import ImgButton from "./img_button.svelte";
    let id = makeid(8);
    let { date, name } = $props();
</script>

<div class="queue-item horisontal-bar rounded">
    <p>{date}</p>
    <p class="ellipsis">{name}</p>
    <ImgButton style="edit" name="Изменить" image={edit_btn}/>
    <ImgButton style="remove" name="Удалить" image={remove_btn}/>
</div>