export default `
### START: INTERFACES ###
export type LogoCloudsBlockDto = {
  style: LogoCloudsBlockStyle;
  headline?: string;
  logos?: LogoCloudDto[];
};

export interface LogoCloudDto {
  src: string;
  srcDark?: string;
  alt: string;
  href: string;
}

export const LogoCloudsBlockStyles = [
  { value: "custom", name: "custom" },
  { value: "simple", name: "simple" },
  { value: "withBrand", name: "withBrand" },
] as const;
export type LogoCloudsBlockStyle = (typeof LogoCloudsBlockStyles)[number]["value"];

### END: INTERFACES ###

### START: SAMPLE OUTPUT FORMAT ###
${"```json"}
{
  "logoClouds": 
    {
      "style": "simple",
      "headline": "Logo Clouds Headline",
      "logos": [
        {
          alt: "Tailwind CSS",
          href: "https://tailwindcss.com/ref=saasrock.com",
          src: "https://saasrock.com/build/_assets/tailwindcss-G3OQBAVI.png",
        },
        {
          alt: "Remix",
          href: "https://remix.run/ref=saasrock.com",
          src: "https://saasrock.com/build/_assets/remix-4ESNCVZ5.png",
          srcDark: "https://saasrock.com/build/_assets/remix-dark-U2ASPSOI.png",
        },
        {
          alt: "Prisma",
          href: "https://prisma.io/ref=saasrock.com",
          src: "https://saasrock.com/build/_assets/prisma-ATY77GXX.png",
          srcDark: "https://saasrock.com/build/_assets/prisma-dark-3FBYDJ4J.png",
        },
      ],
    }
}
${"```"}
### END: SAMPLE OUTPUT FORMAT ###
`;