@designcrowd/fe-shared-lib 1.0.0-test-publish

package/src/atoms/components/Masonry/fixtures.js

@@ -0,0 +1,589 @@
+export default {
+  page1: [
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/97ea081b-f250-4002-9c05-b02cffcc62d0/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=18800',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/a2f72950-3635-43b6-b41d-b286cbbb2bd0/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=18839',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/a0f73a89-8bfa-4728-a8ad-d290ed4a49ac/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20post?templateId=9377',
+      height: 788,
+      width: 940,
+    },
+    {
+      templateTypeName: 'Business card horizontal',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/ed526c4e-c7bd-4edc-af15-863ffd906c28/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Tasty Pastry',
+      editorUrl:
+        '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/business%20card%20horizontal?templateId=201',
+      height: 599,
+      width: 1024,
+    },
+    {
+      templateTypeName: 'Facebook post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/b9419fbe-ec7c-4cf3-8235-c8e34a47cbe1/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Fresh Bread',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20post?templateId=9380',
+      height: 788,
+      width: 940,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/08727835-a4ad-4cef-b883-fb37e23bf8c4/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'A slice of happiness',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=11415',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/315cc2c3-636c-4bce-96a9-4e48b260e0de/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20post?templateId=18888',
+      height: 788,
+      width: 940,
+    },
+    {
+      templateTypeName: 'Facebook cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/591f3a1b-2ed9-44ea-9d6f-cd0879349983/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20cover?templateId=18923',
+      height: 312,
+      width: 820,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/d20693ca-1574-4e39-80c7-30f4756dd039/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Best Seller Muffin',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=11544',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/d34810ae-d454-46c1-a90d-71332148f740/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Love Cookie Bite',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23166',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/69ab31b8-3666-48d2-bbe9-1ba100020728/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: "Today's Special",
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20post?templateId=9383',
+      height: 788,
+      width: 940,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/b6a1e61b-3493-4dbc-9984-01f4ddbfad76/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cake Parts',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=12183',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/ff02b338-b670-4d56-9383-5f4f833ef9bf/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20cover?templateId=18968',
+      height: 312,
+      width: 820,
+    },
+    {
+      templateTypeName: 'Facebook post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/2277394e-e7d2-4355-922e-29a0423de3b9/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20post?templateId=18946',
+      height: 788,
+      width: 940,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/9d553d47-97f5-4f6c-964c-e6cebd23d5d7/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bake Sale Event',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=8039',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/205ed12c-6240-4ac2-92e9-0ff4cd8ff25a/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9453',
+      height: 1080,
+      width: 1080,
+    },
+  ],
+  page2: [
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/7b696fa8-2d84-457d-9457-d214ecb45be1/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Matcha Macaron',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=10886',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/7cdd710c-eb89-49ab-90c6-d5b7ab639eb7/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Mavy Wavy',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20cover?templateId=69',
+      height: 312,
+      width: 820,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/690cdef8-f27b-4149-a19b-9ed68f20fbe6/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Best Seller Muffin',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9911',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/b73b3495-171e-4053-b9e1-2d3764c5f816/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Pink Cupcake',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20post?templateId=11622',
+      height: 788,
+      width: 940,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/51d6d5a0-1bbe-4ca3-892b-e19d19204f8b/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Pink Cupcake',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=11409',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/a2e45042-6e94-442a-8d97-12e0283d021e/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Pink Cupcake',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20cover?templateId=11620',
+      height: 312,
+      width: 820,
+    },
+    {
+      templateTypeName: 'Facebook story',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/9902b1fe-d068-48c4-add6-84a0439fa1f1/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cake Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20story?templateId=9473',
+      height: 1920,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/c317dd56-82d3-4188-8451-6bc9eb9cc775/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Christmas Cookie Day',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23662',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook story',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/13fc5d2f-1904-46d0-bf1a-8f4a08591596/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20story?templateId=18889',
+      height: 1920,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook ad',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/d62d01f1-c216-452a-b5b7-1e256516c1a2/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20ad?templateId=18920',
+      height: 628,
+      width: 1200,
+    },
+    {
+      templateTypeName: 'Poster',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/f5ca2164-b72f-4fb8-9cbc-52e136e8f28a/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/poster?templateId=18935',
+      height: 3194,
+      width: 2260,
+    },
+    {
+      templateTypeName: 'Twitter post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/38340c8b-9494-4aaa-9a78-509bb2396ce8/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/twitter%20post?templateId=18892',
+      height: 512,
+      width: 1024,
+    },
+    {
+      templateTypeName: 'Instagram story',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/de6b30d4-f2ea-4994-9589-639bc897cdb6/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20story?templateId=18890',
+      height: 1920,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/abafb492-7421-4f13-b16e-1307230353dd/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cute Cookie Day',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23685',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/b803f439-fcd3-472e-acd4-a0cc5a2ca485/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Memphis Cookie Day',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23686',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Pinterest board cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/95c5ceb2-62f6-4f4c-9055-fd6612a362b6/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Food Cupcake',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/pinterest%20board%20cover?templateId=6044',
+      height: 150,
+      width: 222,
+    },
+  ],
+  page3: [
+    {
+      templateTypeName: 'Flyer',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/0bdb2794-2ef2-4812-85cb-2245fba0e519/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/flyer?templateId=18944',
+      height: 1123,
+      width: 794,
+    },
+    {
+      templateTypeName: 'Facebook event cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/e27a3de4-b12c-4528-8e8e-259091bc6c18/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bakery And Pastry Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20event%20cover?templateId=18921',
+      height: 1080,
+      width: 1920,
+    },
+    {
+      templateTypeName: 'Business card horizontal',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/31cc2340-e335-4e01-b792-c7fbaa31f208/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Delicious Doodles',
+      editorUrl:
+        '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/business%20card%20horizontal?templateId=46211',
+      height: 599,
+      width: 1024,
+    },
+    {
+      templateTypeName: 'Poster',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/d0804818-d183-4cfd-ac84-8fce8e2e492d/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/poster?templateId=18977',
+      height: 3194,
+      width: 2260,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/33c8f53e-cd5a-4a17-b1d5-d9971750f35d/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cookie Lover Promo',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23687',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook story',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/267fa9a7-c277-4863-a5d5-d354fa38e97f/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20story?templateId=18949',
+      height: 1920,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook event cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/ba10bd1a-9dae-4643-835f-de30dffa5962/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20event%20cover?templateId=18967',
+      height: 1080,
+      width: 1920,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/6a01cfd0-abd8-4358-a805-6af55e6b6ac9/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cookie Doodle',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23691',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/88f4160d-2b8e-4940-9dc1-23f099b061c0/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cookie Bowl',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23871',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook ad',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/407b90d3-d561-4489-ae98-04e6344e2903/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20ad?templateId=18963',
+      height: 628,
+      width: 1200,
+    },
+    {
+      templateTypeName: 'Facebook story',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/c7d79628-cd5c-4534-b73b-597e21bbe037/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Bake Sale Event',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20story?templateId=8124',
+      height: 1920,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/be03c76d-c1ba-40ea-bba4-c30f1a76e205/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cute Cookie Day ',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23700',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Flyer',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/5db22cb2-3787-44e5-9af1-4e8cea5de4ff/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/flyer?templateId=18978',
+      height: 1123,
+      width: 794,
+    },
+    {
+      templateTypeName: 'Twitter post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/882719cd-71d9-4d06-b9e2-b29254016468/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/twitter%20post?templateId=18959',
+      height: 512,
+      width: 1024,
+    },
+    {
+      templateTypeName: 'Instagram story',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/be5a26b0-6aec-47b0-824b-2dbcf8f61f22/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Homemade Bakeshop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20story?templateId=18956',
+      height: 1920,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook event cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/07af9614-a92d-41a1-9c87-585e07b48b48/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20event%20cover?templateId=9522',
+      height: 1080,
+      width: 1920,
+    },
+  ],
+  page4: [
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/9c0216f2-fcdd-45e5-bffc-1bb8b9a8bab9/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cookie Crumbs Explosion',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23532',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/9872139c-9b46-4dd2-9f0d-f46162e4cc11/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'New Breakfast Restaurant',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=32339',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Postcard',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/a9cd61c6-36fc-4522-9269-f5199df1af1d/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/postcard?templateId=9540',
+      height: 1276,
+      width: 1784,
+    },
+    {
+      templateTypeName: 'Poster',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/f18d764f-ad59-47b6-b6a3-e54ab740424e/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/poster?templateId=9531',
+      height: 3194,
+      width: 2260,
+    },
+    {
+      templateTypeName: 'Menu',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/459d8901-c017-4ba3-b3fa-4984756bdee9/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Minimal Hipster',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/menu?templateId=1498',
+      height: 1123,
+      width: 794,
+    },
+    {
+      templateTypeName: 'Business card horizontal',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/2482780a-61f1-49e6-b92c-db64064b356c/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Chef Utensils Doodle ',
+      editorUrl:
+        '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/business%20card%20horizontal?templateId=11416',
+      height: 599,
+      width: 1024,
+    },
+    {
+      templateTypeName: 'Thank You Card',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/9a113085-6c40-4511-b7c2-6cbc0f27c757/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Corporate Badge',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/thank%20you%20card?templateId=21336',
+      height: 1300,
+      width: 1677,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/a2c53a49-4212-4266-b7dc-f6aef7430a0c/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cookie Day Illustration',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=23650',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Twitter post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/5c957f6b-b825-43ab-a8a9-71cfcd91dd11/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/twitter%20post?templateId=9467',
+      height: 512,
+      width: 1024,
+    },
+    {
+      templateTypeName: 'Instagram story',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/7c99863a-684f-46ac-935c-67548800c897/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20story?templateId=9468',
+      height: 1920,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook story',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/81ae4216-91e8-463b-b602-0683aeb1cc38/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20story?templateId=9451',
+      height: 1920,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Facebook ad',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/df4808b2-93af-4579-bad8-4368757febc5/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Now Open Bakery',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20ad?templateId=9452',
+      height: 628,
+      width: 1200,
+    },
+    {
+      templateTypeName: 'Instagram post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/2bbc0c08-25d6-4290-ab6f-b88d67d6945a/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Cake Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/instagram%20post?templateId=9470',
+      height: 1080,
+      width: 1080,
+    },
+    {
+      templateTypeName: 'Flyer',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/6ea0ce2d-28a0-44b9-9fca-e5b88d1d978d/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Pink Cupcake',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/flyer?templateId=11624',
+      height: 1123,
+      width: 794,
+    },
+    {
+      templateTypeName: 'Twitter post',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/08b230c3-c8f6-4caa-9d03-ab3a338144fe/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Pink Cupcake',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/twitter%20post?templateId=11617',
+      height: 512,
+      width: 1024,
+    },
+    {
+      templateTypeName: 'Facebook cover',
+      imageUrl:
+        'https://dynamic.brandcrowd.com/template/preview/3f0c78ff-fd31-4e97-ac6d-f8de6953968e/1b82ba07-3024-4424-bc01-82ea819f0a92/design-preview-2x',
+      templateName: 'Pastry Cake Shop',
+      editorUrl: '/maker/mydesigns/new/1b82ba07-3024-4424-bc01-82ea819f0a92/facebook%20cover?templateId=9525',
+      height: 312,
+      width: 820,
+    },
+  ],
+};

package/src/atoms/components/Modal/HashRouteModal.stories.js

@@ -0,0 +1,68 @@
+import { useRouter } from 'vue-router';
+import HashRouteModal from './HashRouteModal.vue';
+import Button from '../Button/Button.vue';
+
+export default {
+  title: 'Components/Hash Router Modal',
+  component: HashRouteModal,
+};
+
+const controlArgs = {
+  isVisible: true,
+};
+
+export const Sample = (args, { argTypes }) => {
+  const router = useRouter();
+
+  return {
+    components: {
+      HashRouteModal,
+    },
+    props: Object.keys(argTypes),
+    template: `
+      <HashRouteModal :visible="isVisible" close-on-esc @close-modal="closeLoginModal">
+      Your component goes here
+      </HashRouteModal>
+    `,
+    methods: {
+      closeLoginModal() {
+        this.isVisible = false;
+      },
+    },
+    router,
+  };
+};
+
+Sample.args = controlArgs;
+
+export const OpenWithButton = () => {
+  const router = useRouter();
+
+  return {
+    components: {
+      HashRouteModal,
+      Button,
+    },
+    data() {
+      return {
+        isVisible: false,
+      };
+    },
+    template: `
+      <div>
+        <Button size="medium" variant="primary" label="Click Me" @on-click="isVisible = true" />
+        <HashRouteModal :visible="isVisible" close-on-esc @close-modal="closeLoginModal">
+        Your component goes here
+        </HashRouteModal>
+      </div>
+    `,
+    methods: {
+      closeLoginModal() {
+        this.isVisible = false;
+      },
+    },
+    router,
+  };
+};
+
+OpenWithButton.args = controlArgs;