<script>
    export let id
</script>

<div class="post" id={id}>
    <h2><slot name="title"><i>Sin título</i></slot> | <a href={`#${id}`}>#</a></h2>
    <slot name="post">
        <div>
            <i>Post vacío</i>
        </div>
    </slot>
    <hr>
    <slot name="footer"><small><i>Fecha desconocida</i> | <i>Autor desconocido</i></small></slot>
</div>

<style>
    .post {
        padding: 10px;
        background-color: rgba(15, 15, 15, 0.45);
        border-radius: 5px;
    }
</style>
