Expected string but found "Astro" | Astro Lounge | Page 1

Trying to pass in props to my Astro component. But im getting an error.

---

interface Props {
    title: string;
}
import { title } from Astro.props;
---

<div class="relative" x-data="{isOpen: false}">
    <button
        type="button"
        class="flex items-center gap-x-1 text-sm font-semibold leading-6 text-gray-900"
        aria-expanded="false"
        @click="isOpen = !isOpen"
    >
        {title}
        <svg
            class="h-5 w-5 flex-none text-gray-400"
            viewBox="0 0 20 20"
            fill="currentColor"
            aria-hidden="true"
        >
            <path
                fill-rule="evenodd"
                d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
                clip-rule="evenodd"></path>
        </svg>
    </button>

<Dropdown title="Parent Info" />

#Expected string but found "Astro"