---
export async function getStaticPaths() {
  const response = await fetch('https://management.beanstalkedu.com/items/blog?filter[property][_eq]=teenybeans_curriculum');
  const data = await response.json();
  const finalData = data.data.map((n: { slug: string | undefined; })=>{
      return {params: {id:n.slug}}
  })
  return finalData;
}

const response = await fetch('https://management.beanstalkedu.com/items/blog?filter[property][_eq]=teenybeans_curriculum');
const data = await response.json();
const { id } = Astro.params;
const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
---

<main>
    <div>
        <section class="z-50">
            <div>
                <a onclick="copyToClipboard('#p1')" href="#" target="_blank" style="  position: fixed; top: 200px; right: 10px; background-color: #7C4C23; width: 50px; height: 50px; border-radius: 50%; text-align: center;">
                    
                    <img class="" src="/img/svg/link.svg" alt=""/> 
                </a>
                <a href="https://api.whatsapp.com/send/?phone=919163646431&text&app_absent=0" target="_blank" style="  position: fixed; top: 260px; right: 10px; background-color: #7C4C23; width: 50px; height: 50px; border-radius: 50%; text-align: center;">
                    <img class="" src="/img/svg/whatsapp.svg" alt="">
                </a>
                <a href="https://www.facebook.com/login.php?skip_api_login=1&api_key=966242223397117&signed_next=1&next=https%3A%2F%2Fwww.facebook.com%2Fsharer%2Fsharer.php%3Fu%3Dhttps%253A%252F%252Fteenybeans.in%252Fblogs%252Fzero-royalty-preschool-franchise-model-in-india&cancel_url=https%3A%2F%2Fwww.facebook.com%2Fdialog%2Fclose_window%2F%3Fapp_id%3D966242223397117%26connect%3D0%23_%3D_&display=popup&locale=en_GB" target="_blank" style="  position: fixed; top: 320px; right: 10px; background-color: #7C4C23; width: 50px; height: 50px; border-radius: 50%; text-align: center;">
                    <img class="" src="/img/svg/facebook.svg" alt="">
                </a>
                <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fteenybeans.in%2Fblogs%2Fzero-royalty-preschool-franchise-model-in-india" target="_blank" style="  position: fixed; top: 380px; right: 10px; background-color: #7C4C23; width: 50px; height: 50px; border-radius: 50%; text-align: center;">
                    <img class="" src="/img/svg/twitterw.svg" alt="">
                </a>
            </div>
        </section>
    </div>
</main>

    <script is:inline>
          function copyToClipboard(element) {
            var $temp = $("<input>");
            $("body").append($temp);
            $temp.val($(element).text()).select();
            document.execCommand("copy");
            $temp.remove();
            }
    </script>
    <style>
p
{
  color:#000000;
  font-size:20px;
}

.textBox
{
  height:30px;
  width:300px;
}

button
{
  height:30px;
  width:150px;
  border-radius:8px;
  padding:10px;
  font-size:20px;
  font-family: 'Oswald', sans-serif;
  height:52px;
  cursor:pointer;
  background-color:wheat;
}
    </style>