export const getServerSideProps = (async () => {
  const sportifyData = await getSportifyData({
    "environment": "staging",
    "sportId": 1,
    "lang": "nl"
});

  return {
    props: {
      sportifyData
    }
  };
}) satisfies GetServerSideProps<{
  sportifyData: SportifyResponse;
}>;

export default function SportifySdk({
  sportifyData
}: InferGetServerSidePropsType<typeof getServerSideProps>) {
  return (
    <div data-theme-sport="true">
      <Sportify 
        data={sportifyData.data}
        config={sportifyData.config}
        trackingEventHandler={(e,t)=>{console.log(e,t)}}
      />
    </div>
  )
}