export const BASIC_STYLES = {
  ownerId: 'ad30f9a246614faaa6a03374f83554c9',
  lastUpdateBy: 'RuGeCLr9ryVt1xRazFYc72uWwIK2',
  createdDate: 1714024328741,
  id: '3af1e7a27cd949f0842f0dc025f6a03a',
  '@version': 4,
  name: 'angular-123',
  modelId: '17c6065109ef4062ba083f5741f4ee6a',
  published: 'published',
  meta: {
    hasLinks: false,
    lastPreviewUrl:
      'http://localhost:4200/angular-123?builder.space=ad30f9a246614faaa6a03374f83554c9&builder.cachebust=true&builder.preview=page&builder.noCache=true&builder.allowTextEdit=true&__builder_editing__=true&builder.overrides.page=3af1e7a27cd949f0842f0dc025f6a03a&builder.overrides.3af1e7a27cd949f0842f0dc025f6a03a=3af1e7a27cd949f0842f0dc025f6a03a&builder.overrides.page:/angular-123=3af1e7a27cd949f0842f0dc025f6a03a&builder.options.locale=Default',
    kind: 'page',
  },
  priority: -441,
  query: [
    {
      '@type': '@builder.io/core:Query',
      property: 'urlPath',
      operator: 'is',
      value: '/angular-123',
    },
  ],
  data: {
    title: 'angular-123',
    inputs: [],
    subtitle: {
      '@type': '@builder.io/core:LocalizedValue',
    },
    themeId: false,
    blocks: [
      {
        '@type': '@builder.io/sdk:Element',
        '@version': 2,
        id: 'builder-cc46c94ea61849ab9727d9cae053c305',
        component: {
          name: 'Core:Button',
          options: {
            text: 'Click me!',
            openLinkInNewTab: false,
          },
        },
        responsiveStyles: {
          large: {
            display: 'flex',
            flexDirection: 'column',
            position: 'relative',
            flexShrink: '0',
            boxSizing: 'border-box',
            marginTop: '20px',
            appearance: 'none',
            paddingTop: '15px',
            paddingBottom: '15px',
            paddingLeft: '25px',
            paddingRight: '25px',
            backgroundColor: 'black',
            color: 'white',
            borderRadius: '4px',
            textAlign: 'center',
            cursor: 'pointer',
          },
        },
      },
      {
        '@type': '@builder.io/sdk:Element',
        '@version': 2,
        id: 'builder-6dcb29c3e1614457a026ae81495f38fe',
        meta: {
          previousId: 'builder-3d7d2a4b34d94ade99d27f266ee3da6d',
        },
        component: {
          name: 'Text',
          options: {
            text: '<p>Centered aligned</p>',
          },
        },
        responsiveStyles: {
          large: {
            display: 'flex',
            flexDirection: 'column',
            position: 'relative',
            flexShrink: '0',
            boxSizing: 'border-box',
            marginTop: '20px',
            lineHeight: 'normal',
            height: 'auto',
            marginLeft: 'auto',
            marginRight: 'auto',
            color: 'rgba(0, 255, 16, 1)',
          },
        },
      },
      {
        '@type': '@builder.io/sdk:Element',
        '@version': 2,
        id: 'builder-ac8ffe0570af4829aa3331ee2be69424',
        component: {
          name: 'Text',
          options: {
            text: '<p>Left aligned</p>',
          },
        },
        responsiveStyles: {
          large: {
            display: 'flex',
            flexDirection: 'column',
            position: 'relative',
            flexShrink: '0',
            boxSizing: 'border-box',
            marginTop: '20px',
            lineHeight: 'normal',
            height: 'auto',
            marginRight: 'auto',
            color: 'rgba(255, 0, 0, 1)',
          },
        },
      },
      {
        '@type': '@builder.io/sdk:Element',
        '@version': 2,
        id: 'builder-ba0b5ed4fe3040bca4d407fc6ffd52ab',
        component: {
          name: 'Text',
          options: {
            text: '<p>Right aligned</p>',
          },
        },
        responsiveStyles: {
          large: {
            display: 'flex',
            flexDirection: 'column',
            position: 'relative',
            flexShrink: '0',
            boxSizing: 'border-box',
            marginTop: '20px',
            lineHeight: 'normal',
            height: 'auto',
            marginLeft: 'auto',
            color: 'rgba(0, 24, 255, 1)',
          },
        },
      },
      {
        '@type': '@builder.io/sdk:Element',
        '@version': 2,
        id: 'builder-258a89336ec44f37a38a146e698a858a',
        children: [
          {
            '@type': '@builder.io/sdk:Element',
            '@version': 2,
            id: 'builder-e07dea26de244b69bc7138ba80ba8006',
            meta: {
              previousId: 'builder-acdc18def3754d999cdd9bc56967ecac',
            },
            component: {
              name: 'Image',
              options: {
                image:
                  'https://cdn.builder.io/api/v1/image/assets%2Fad30f9a246614faaa6a03374f83554c9%2F59a9bb68bac14df48e5653181ce9ed01',
                backgroundSize: 'cover',
                backgroundPosition: 'center',
                lazy: false,
                fitContent: true,
                aspectRatio: 0.9131,
                lockAspectRatio: false,
                height: 1300,
                width: 1476,
              },
            },
            responsiveStyles: {
              large: {
                display: 'flex',
                flexDirection: 'column',
                position: 'relative',
                flexShrink: '0',
                boxSizing: 'border-box',
                marginTop: '20px',
                width: '100%',
                minHeight: '20px',
                minWidth: '20px',
                overflow: 'hidden',
                maxWidth: '451px',
              },
            },
          },
          {
            '@type': '@builder.io/sdk:Element',
            '@version': 2,
            id: 'builder-90ac48ed651d47be9a044357b58a7133',
            meta: {
              previousId: 'builder-e74a807d6e5549ee8d89bbe815b76934',
            },
            component: {
              name: 'Image',
              options: {
                image:
                  'https://cdn.builder.io/api/v1/image/assets%2Fad30f9a246614faaa6a03374f83554c9%2Fe400cf1b33b84e70a8931eb2637d3614',
                backgroundSize: 'cover',
                backgroundPosition: 'center',
                lazy: false,
                fitContent: true,
                aspectRatio: 1.214,
                lockAspectRatio: false,
                height: 1300,
                width: 862,
              },
            },
            responsiveStyles: {
              large: {
                display: 'flex',
                flexDirection: 'column',
                position: 'relative',
                flexShrink: '0',
                boxSizing: 'border-box',
                marginTop: '20px',
                width: '100%',
                minHeight: '20px',
                minWidth: '20px',
                overflow: 'hidden',
                maxWidth: '464px',
              },
            },
          },
          {
            '@type': '@builder.io/sdk:Element',
            '@version': 2,
            id: 'builder-0828584931aa4164ad1df3854a37ccf9',
            component: {
              name: 'Text',
              options: {
                text: '<p>I am inside <strong>box</strong></p>',
              },
            },
            responsiveStyles: {
              large: {
                display: 'flex',
                flexDirection: 'column',
                position: 'relative',
                flexShrink: '0',
                boxSizing: 'border-box',
                marginTop: '20px',
                lineHeight: 'normal',
                height: 'auto',
              },
            },
          },
        ],
        responsiveStyles: {
          large: {
            display: 'flex',
            flexDirection: 'row',
            position: 'relative',
            flexShrink: '0',
            boxSizing: 'border-box',
            marginTop: '20px',
            height: 'auto',
            paddingBottom: '30px',
          },
        },
      },
    ],
  },
  metrics: {
    clicks: 0,
    impressions: 0,
  },
  variations: {},
  lastUpdated: 1715587762334,
  firstPublished: 1714024361129,
  testRatio: 1,
  screenshot:
    'https://cdn.builder.io/api/v1/image/assets%2Fad30f9a246614faaa6a03374f83554c9%2F9278328acbf341b0b0ebed3c8c4ffcce',
  createdBy: 'RuGeCLr9ryVt1xRazFYc72uWwIK2',
  lastUpdatedBy: 'RuGeCLr9ryVt1xRazFYc72uWwIK2',
  folders: [],
};
