---
const { card, site, title, creator, description, image, imageAlt } =
  Astro.props.twitter;
---

{card ? <meta name="twitter:card" content={card} /> : null}
{site ? <meta name="twitter:site" content={site} /> : null}
{title ? <meta name="twitter:title" content={title} /> : null}
{image ? <meta name="twitter:image" content={image} /> : null}
{imageAlt ? <meta name="twitter:image:alt" content={imageAlt} /> : null}
{description ? <meta name="twitter:description" content={description} /> : null}
{creator ? <meta name="twitter:creator" content={creator} /> : null}