export const ACCORDION = {
  ownerId: 'ad30f9a246614faaa6a03374f83554c9',
  lastUpdateBy: null,
  createdDate: 1715177488512,
  id: '88512a8adbe747cf94a387793da7c2e8',
  '@version': 4,
  name: 'accordion',
  modelId: '17c6065109ef4062ba083f5741f4ee6a',
  published: 'draft',
  meta: {
    kind: 'page',
    lastPreviewUrl:
      'https://preview.builder.codes?model=page&previewing=true&apiKey=ad30f9a246614faaa6a03374f83554c9&builder.space=ad30f9a246614faaa6a03374f83554c9&builder.cachebust=true&builder.preview=page&builder.noCache=true&builder.allowTextEdit=true&__builder_editing__=true&builder.overrides.page=88512a8adbe747cf94a387793da7c2e8&builder.overrides.88512a8adbe747cf94a387793da7c2e8=88512a8adbe747cf94a387793da7c2e8&builder.overrides.page:/=88512a8adbe747cf94a387793da7c2e8&builder.options.locale=Default',
    hasLinks: false,
  },
  priority: -476,
  query: [
    {
      '@type': '@builder.io/core:Query',
      property: 'urlPath',
      operator: 'is',
      value: '/accordion',
    },
  ],
  data: {
    themeId: false,
    subtitle: {
      '@type': '@builder.io/core:LocalizedValue',
    },
    title: 'accordion',
    blocks: [
      {
        '@type': '@builder.io/sdk:Element',
        '@version': 2,
        id: 'builder-6c7ea8a55e3646e9811f8930d84d1ada',
        component: {
          name: 'Builder:Accordion',
          options: {
            items: [
              {
                title: [
                  {
                    '@type': '@builder.io/sdk:Element',
                    '@version': 2,
                    layerName: 'Accordion item title',
                    id: 'builder-f6d1cd58150e4f49a7551d02114035f6',
                    children: [
                      {
                        '@type': '@builder.io/sdk:Element',
                        '@version': 2,
                        id: 'builder-592a77463f63406cb24b728f31e61232',
                        component: {
                          name: 'Text',
                          options: {
                            text: 'Item 1',
                          },
                        },
                        responsiveStyles: {
                          large: {
                            textAlign: 'left',
                            display: 'flex',
                            flexDirection: 'column',
                          },
                        },
                      },
                    ],
                    responsiveStyles: {
                      large: {
                        position: 'relative',
                        display: 'flex',
                        alignItems: 'stretch',
                        flexDirection: 'column',
                        paddingBottom: '10px',
                        backgroundColor: 'rgba(234, 234, 234, 1)',
                        paddingLeft: '10px',
                        paddingRight: '10px',
                        paddingTop: '10px',
                      },
                    },
                  },
                ],
                detail: [
                  {
                    '@type': '@builder.io/sdk:Element',
                    '@version': 2,
                    id: 'builder-5a97b78c09764b76ab420f2e0cdc4e20',
                    meta: {
                      previousId: 'builder-f69aba726a8b4cc68a585423502ad8df',
                    },
                    component: {
                      name: 'Text',
                      options: {
                        text: 'Inside Item 1',
                      },
                    },
                    responsiveStyles: {
                      large: {
                        display: 'flex',
                        flexDirection: 'column',
                        position: 'relative',
                        flexShrink: '0',
                        boxSizing: 'border-box',
                        marginTop: '20px',
                        lineHeight: 'normal',
                        height: 'auto',
                      },
                    },
                  },
                ],
              },
              {
                title: [
                  {
                    '@type': '@builder.io/sdk:Element',
                    '@version': 2,
                    layerName: 'Accordion item title',
                    id: 'builder-fdf6fd9f00bb47eaa5106e32e8f8c67d',
                    children: [
                      {
                        '@type': '@builder.io/sdk:Element',
                        '@version': 2,
                        id: 'builder-b7b447280bba49f8a12a5f7d359d294b',
                        component: {
                          name: 'Text',
                          options: {
                            text: 'Item 2',
                          },
                        },
                        responsiveStyles: {
                          large: {
                            textAlign: 'left',
                            display: 'flex',
                            flexDirection: 'column',
                          },
                        },
                      },
                    ],
                    responsiveStyles: {
                      large: {
                        position: 'relative',
                        display: 'flex',
                        alignItems: 'stretch',
                        flexDirection: 'column',
                        paddingBottom: '10px',
                        backgroundColor: 'rgba(234, 234, 234, 1)',
                        paddingLeft: '10px',
                        paddingRight: '10px',
                        paddingTop: '10px',
                      },
                    },
                  },
                ],
                detail: [
                  {
                    '@type': '@builder.io/sdk:Element',
                    '@version': 2,
                    id: 'builder-b8049e64351c42b8a1b6389667db1ddf',
                    meta: {
                      previousId: 'builder-b6ba2570538d4a4cb0e4243e8ea3d34a',
                    },
                    component: {
                      name: 'Text',
                      options: {
                        text: '<span style="font-family: sans-serif; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">Inside Item 2</span>',
                      },
                    },
                    responsiveStyles: {
                      large: {
                        display: 'flex',
                        flexDirection: 'column',
                        position: 'relative',
                        flexShrink: '0',
                        boxSizing: 'border-box',
                        marginTop: '20px',
                        lineHeight: 'normal',
                        height: 'auto',
                      },
                    },
                  },
                ],
              },
              {
                title: [
                  {
                    '@type': '@builder.io/sdk:Element',
                    '@version': 2,
                    layerName: 'Accordion item title',
                    id: 'builder-7dee36799de646749dbce757bd53b469',
                    children: [
                      {
                        '@type': '@builder.io/sdk:Element',
                        '@version': 2,
                        id: 'builder-b7044da3273b46a0bc738b827a219d61',
                        component: {
                          name: 'Text',
                          options: {
                            text: 'Item 3',
                          },
                        },
                        responsiveStyles: {
                          large: {
                            textAlign: 'left',
                            display: 'flex',
                            flexDirection: 'column',
                          },
                        },
                      },
                    ],
                    responsiveStyles: {
                      large: {
                        position: 'relative',
                        display: 'flex',
                        alignItems: 'stretch',
                        flexDirection: 'column',
                        paddingBottom: '10px',
                        backgroundColor: 'rgba(234, 234, 234, 1)',
                        paddingLeft: '10px',
                        paddingRight: '10px',
                        paddingTop: '10px',
                      },
                    },
                  },
                ],
                detail: [
                  {
                    '@type': '@builder.io/sdk:Element',
                    '@version': 2,
                    id: 'builder-579c302e46f94b10b323bb0b43076597',
                    meta: {
                      previousId: 'builder-14ade583e75f494ca177a2bec03b50e1',
                    },
                    component: {
                      name: 'Text',
                      options: {
                        text: '<span style="font-family: sans-serif; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">Inside Item 3<br></span>',
                      },
                    },
                    responsiveStyles: {
                      large: {
                        display: 'flex',
                        flexDirection: 'column',
                        position: 'relative',
                        flexShrink: '0',
                        boxSizing: 'border-box',
                        marginTop: '20px',
                        lineHeight: 'normal',
                        height: 'auto',
                      },
                    },
                  },
                ],
              },
            ],
            oneAtATime: false,
            grid: false,
            gridRowWidth: '25%',
            useChildrenForItems: false,
          },
        },
        responsiveStyles: {
          large: {
            display: 'flex',
            flexDirection: 'column',
            position: 'relative',
            flexShrink: '0',
            boxSizing: 'border-box',
            marginTop: '20px',
            alignItems: 'stretch',
          },
        },
      },
    ],
  },
  metrics: {
    clicks: 0,
    impressions: 0,
  },
  variations: {},
  lastUpdated: 1715177626672,
  testRatio: 1,
  screenshot:
    'https://cdn.builder.io/api/v1/image/assets%2Fad30f9a246614faaa6a03374f83554c9%2Fca50e6bea1524f89ab1689e47bc316fc',
  createdBy: 'RuGeCLr9ryVt1xRazFYc72uWwIK2',
  lastUpdatedBy: 'RuGeCLr9ryVt1xRazFYc72uWwIK2',
  folders: [],
};

export const ACCORDION_ONE_AT_A_TIME = {
  ...ACCORDION,
  data: {
    ...ACCORDION.data,
    blocks: ACCORDION.data.blocks.map(block => ({
      ...block,
      component: {
        ...block.component,
        options: {
          ...block.component.options,
          oneAtATime: true,
        },
      },
    })),
  },
};

export const ACCORDION_GRID = {
  ...ACCORDION,
  data: {
    ...ACCORDION.data,
    blocks: ACCORDION.data.blocks.map(block => ({
      ...block,
      component: {
        ...block.component,
        options: {
          ...block.component.options,
          grid: true,
        },
      },
    })),
  },
};

export const ACCORDION_WITH_NO_DETAIL = {
  ...ACCORDION,
  data: {
    ...ACCORDION.data,
    blocks: ACCORDION.data.blocks.map(block => ({
      ...block,
      component: {
        ...block.component,
        options: {
          ...block.component.options,
          items: block.component.options.items.map(item => ({ ...item, detail: [] })),
        },
      },
    })),
  },
};
