import type { HTMLAttributes, JSX } from "react"; import { InstagramIcon } from "@/components/registry/graphics/icons/social/social"; import { NextImage as Image } from "@/components/registry/primitives/editables/image"; import { Text } from "@/components/registry/primitives/editables/text"; import type { Field, ImageField } from "@/lib/registry/sitecore"; import type { ComponentProps } from "@/lib/registry/sitecore-types"; interface Fields { Image1: ImageField; Image2: ImageField; Image3: ImageField; Image4: ImageField; Image5: ImageField; Image6: ImageField; Image7: ImageField; Image8: ImageField; Image9: ImageField; Eyebrow: Field; Heading: Field; } export type PromoProps = ComponentProps & { fields: Fields; }; interface GridImageProps extends HTMLAttributes { image: ImageField; } export const GridImage = ({ image, className, ...rest }: GridImageProps) => { return (

); }; export const Default = (props: PromoProps): JSX.Element => { const id = props.params.RenderingIdentifier; const { Eyebrow, Heading, Image1, Image2, Image3, Image4, Image5, Image6, Image7, Image8, Image9, } = props.fields; return (

); };

Social Feed

Showcase

Social Feed