---
export interface Props {
    title: string;
    subtitle: string;
}

const { title, subtitle } = Astro.props;
---

<div class="flex">
    <div>
        <span class="w-4 h-4 bg-primary block rounded-full mt-2"></span>
        <span class="bg-primary block h-full w-[2px] translate-x-[7px]"></span>
    </div>
    <div class="px-5">
        <p class="font-semibold text-xl">{title}</p>
        <span class="text-sm font-light">{subtitle}</span>
        <slot></slot>
    </div>
</div>