tweet-grid

1"use client"
2 
3import * as React from "react"
4 
5import { GradientHeading } from "../ui/gradient-heading"
6import { TweetGrid } from "../ui/tweet-grid"
7 
8// Grab tweet ids
9const exampleTweets = [
10  "1742983975340327184",
11  "1743049700583116812",
12  "1754067409366073443",
13  "1753968111059861648",
14  "1754174981897118136",
15  "1743632296802988387",
16  "1754110885168021921",
17  "1760248682828419497",
18  "1760230134601122153",
19  "1760184980356088267",
20]
21 
22export function TweetGridDemo({}) {
23  return (
24    <div className="pb-12 md:max-w-4xl max-w-md">
25      <div className="flex w-full justify-center pb-12">
26        <GradientHeading size="xl" weight="black">
27          Join the club
28        </GradientHeading>
29      </div>
30      <div className="flex items-center justify-center w-full">
31        <TweetGrid
32          className="w-80 md:w-full "
33          tweets={exampleTweets}
34          columns={2}
35          spacing="lg"
36        />
37      </div>
38    </div>
39  )
40}