diff --git a/AGENTS.md b/AGENTS.md
index e1dd105d..7c8d51a7 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -33,6 +33,9 @@ Do not load every skill preemptively; use the one matching the request.
   controlling prop changes.
 - In new source and test files, use `UpperPascalCase` `testID` values. Existing
   IDs are compatibility-sensitive; do not flag or rename them only for format.
+- Story files containing JSX must use the `.stories.tsx` extension and JSX. Do
+  not use `createElement` to keep them as `.stories.ts`; reserve `.stories.ts`
+  for stories without JSX.
 - A new public component or material variant normally needs typed source, a
   barrel export, focused tests, and representative Storybook states.
 
diff --git a/design-tokens/input/tokens.json b/design-tokens/input/tokens.json
index 4f26c240..0b157a6d 100644
--- a/design-tokens/input/tokens.json
+++ b/design-tokens/input/tokens.json
@@ -1331,14 +1331,14 @@
     },
     "avatar": {
       "extend": {
-        "borderColor": "{color.border.neutral.inverse}",
+        "borderColor": "{color.border.neutral.strong}",
         "circle": { "borderRadius": "{dimension.borderRadius.max}" }
       },
       "root": {
         "width": "{dimension.size.900}",
         "height": "{dimension.size.900}",
         "fontSize": "{fonts.fontSize.300}",
-        "color": "{color.fg.default}",
+        "color": "{color.fg.on.brand.default}",
         "background": "{color.bg.brand.strong.default}",
         "borderRadius": "{dimension.borderRadius.400}"
       },
@@ -1427,7 +1427,7 @@
             "color": "{color.fg.default}"
           },
           "success": {
-            "background": "{color.bg.brand.strong.active}",
+            "background": "{color.bg.status.success.strong.default}",
             "color": "{color.fg.on.status.success.default}"
           },
           "warn": {
@@ -2146,7 +2146,7 @@
       "icon": {
         "size": "{dimension.size.450}",
         "color": "{color.fg.active}",
-        "checkedColor": "{color.fg.inverse.default}",
+        "checkedColor": "{color.fg.on.fill.default}",
         "checkedHoverColor": "{color.fg.on.fill.hover}",
         "disabledColor": "{color.fg.muted}",
         "sm": { "size": "{dimension.size.350}" },
@@ -2679,10 +2679,10 @@
         "backdrop": "{color.bg.surface.backdrop}"
       },
       "root": {
-        "background": "{color.bg.surface.default.default}",
+        "background": "{color.bg.surface.raised.default}",
         "borderColor": "{color.border.neutral.default}",
         "color": "{color.fg.default}",
-        "borderRadius": "{dimension.borderRadius.500}",
+        "borderRadius": "{dimension.borderRadius.max}",
         "shadow": "{effects.elevation.400}"
       },
       "header": {
@@ -2716,7 +2716,7 @@
       },
       "content": {
         "background": "{color.bg.surface.default.default}",
-        "color": "{color.fg.muted}"
+        "color": "{color.fg.default}"
       },
       "root": { "borderColor": "{color.border.neutral.default}" }
     },
@@ -4444,7 +4444,7 @@
       },
       "root": { "transitionDuration": "{effects.transition.duration.200}" },
       "tablist": {
-        "borderWidth": "{dimension.borderWidth.none} {dimension.borderWidth.none} {dimension.borderWidth.200} {dimension.borderWidth.none}",
+        "borderWidth": "{dimension.borderWidth.none} {dimension.borderWidth.none} {dimension.borderWidth.100} {dimension.borderWidth.none}",
         "background": "transparent",
         "borderColor": "{color.border.neutral.default}"
       },
@@ -5077,11 +5077,11 @@
             "checkedHoverBackground": "{color.bg.neutral.strong.hover}"
           },
           "handle": {
-            "background": "{color.fg.on.fill.default}",
-            "hoverBackground": "{color.fg.on.fill.default}",
+            "background": "{color.bg.surface.raised.default}",
+            "hoverBackground": "{color.bg.surface.raised.default}",
             "disabledBackground": "{color.bg.neutral.medium.strong}",
-            "checkedBackground": "{color.fg.inverse.active}",
-            "checkedHoverBackground": "{color.fg.inverse.active}",
+            "checkedBackground": "{color.bg.surface.raised.default}",
+            "checkedHoverBackground": "{color.bg.surface.raised.default}",
             "color": "{color.fg.default}",
             "hoverColor": "{color.fg.default}",
             "checkedColor": "{color.fg.default}",
@@ -5090,22 +5090,22 @@
         },
         "dark": {
           "handle": {
-            "background": "{color.fg.on.fill.default}",
-            "checkedBackground": "{color.fg.inverse.active}",
+            "background": "{color.bg.surface.raised.default}",
+            "checkedBackground": "{color.bg.surface.raised.default}",
             "checkedColor": "{color.fg.inverse.focus}",
-            "checkedHoverBackground": "{color.fg.inverse.active}",
+            "checkedHoverBackground": "{color.bg.surface.raised.default}",
             "checkedHoverColor": "{color.fg.on.brand.hover}",
             "color": "{color.fg.inverse.default}",
-            "disabledBackground": "{color.bg.neutral.medium.strong}",
-            "hoverBackground": "{color.fg.on.fill.default}",
+            "disabledBackground": "{color.bg.surface.raised.active}",
+            "hoverBackground": "{color.bg.surface.raised.default}",
             "hoverColor": "{color.fg.on.brand.hover}"
           },
           "root": {
             "background": "{color.bg.neutral.medium.active}",
-            "checkedBackground": "{color.bg.neutral.strong.default}",
-            "checkedHoverBackground": "{color.bg.neutral.strong.hover}",
-            "disabledBackground": "{color.bg.surface.canvas.hover}",
-            "hoverBackground": "{color.bg.neutral.medium.strong}"
+            "checkedBackground": "{color.bg.surface.canvas.default}",
+            "checkedHoverBackground": "{color.bg.surface.canvas.hover}",
+            "disabledBackground": "{color.bg.neutral.strong.hover}",
+            "hoverBackground": "{color.bg.surface.raised.active}"
           }
         }
       },
diff --git a/src/components/Accordion/Accordion.tsx b/src/components/Accordion/Accordion.tsx
index e04b763f..64b220bf 100644
--- a/src/components/Accordion/Accordion.tsx
+++ b/src/components/Accordion/Accordion.tsx
@@ -39,6 +39,7 @@ export interface AccordionProps extends ViewProps {
  * @param withSeparator - Наличие разделитель. Когда true, верхняя граница заголовка становится разделителем
  * @param disabled - Отключенное состояние. Когда true компонент рендерится в соответствии со значением isInitiallyExpanded и не реагирует на нажатия
  * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace--DS-?node-id=1207-1852&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-1592
  */
 export const Accordion: React.FC<AccordionProps> = ({
   Icon,
diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx
index 2c479799..9f04c386 100644
--- a/src/components/Avatar/Avatar.tsx
+++ b/src/components/Avatar/Avatar.tsx
@@ -122,6 +122,7 @@ const ICON_MULTIPLIER = 0.43
  * @param badge - Компонент бейджа
  * @param showBadge - Показывать бейдж или нет
  * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-4972&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-14161
  */
 export const Avatar = memo<AvatarProps>(
   ({
diff --git a/src/components/Badge/Badge.stories.ts b/src/components/Badge/Badge.stories.ts
deleted file mode 100644
index c5b7857c..00000000
--- a/src/components/Badge/Badge.stories.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import { Badge } from './Badge'
-
-const meta: Meta<typeof Badge> = {
-  title: 'Misc/Badge',
-  component: Badge,
-  args: { severity: 'basic', dot: false, children: 'Test' },
-  argTypes: {
-    severity: {
-      control: 'radio',
-      options: ['basic', 'info', 'success', 'warning', 'danger'],
-    },
-  },
-}
-
-export default meta
-
-type Story = StoryObj<typeof Badge>
-
-const BadgeStory: Story = { args: { children: 'Test' }, argTypes: {} }
-
-export { BadgeStory as Badge }
diff --git a/src/components/Badge/Badge.stories.tsx b/src/components/Badge/Badge.stories.tsx
new file mode 100644
index 00000000..e6111955
--- /dev/null
+++ b/src/components/Badge/Badge.stories.tsx
@@ -0,0 +1,48 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { StyleSheet, View } from 'react-native'
+
+import { Body } from '../Typography'
+
+import { Badge } from './Badge'
+
+const styles = StyleSheet.create({
+  container: { gap: 16 },
+  example: { gap: 8 },
+})
+
+const meta: Meta<typeof Badge> = {
+  title: 'Misc/Badge',
+  component: Badge,
+  args: { children: 'Badge', severity: 'basic', size: 'base' },
+  argTypes: {
+    children: { control: 'text' },
+    severity: {
+      control: 'radio',
+      options: ['basic', 'info', 'success', 'warning', 'danger'],
+    },
+    size: { control: 'radio', options: ['base', 'large', 'xlarge'] },
+  },
+  parameters: { controls: { exclude: ['dot'] } },
+  render: ({ children = 'Badge', severity, size }) => (
+    <View style={styles.container}>
+      <View style={styles.example}>
+        <Body>Severity</Body>
+        <Badge severity={severity} size={size}>
+          {children}
+        </Badge>
+      </View>
+      <View style={styles.example}>
+        <Body>Dot</Body>
+        <Badge dot severity={severity} size={size} />
+      </View>
+    </View>
+  ),
+}
+
+export default meta
+
+type Story = StoryObj<typeof Badge>
+
+const BadgeStory: Story = {}
+
+export { BadgeStory as Badge }
diff --git a/src/components/Badge/Badge.tsx b/src/components/Badge/Badge.tsx
index 2cdf0052..eac73773 100644
--- a/src/components/Badge/Badge.tsx
+++ b/src/components/Badge/Badge.tsx
@@ -22,6 +22,11 @@ export interface BadgeBase
    * @default 'basic'
    */
   severity?: BadgeSeverity
+  /**
+   * Выбор размера компонента
+   * @default 'base'
+   */
+  size?: 'base' | 'large' | 'xlarge'
   /** Дополнительная стилизация для контейнера компонента */
   style?: StyleProp<ViewStyle>
 }
@@ -46,13 +51,22 @@ export type BadgeProps = BadgeText | BadgeDot
  * Компонент Badge
  * @param children - Текст внутри бейджа
  * @param dot - Отображать бейдж в форме точки
- * @param severiy - Выбор варианта стиля компонента
+ * @param severity - Выбор варианта стиля компонента
+ * @param size - Выбор размера компонента
  * @param style - Дополнительная стилизация для контейнера компонента
- * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-4871&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-13668
  */
 export const Badge = memo<BadgeProps>(
-  ({ children, dot, severity = 'basic', style, testID, ...rest }) => {
-    badgeStyles.useVariants({ severity })
+  ({
+    children,
+    dot,
+    severity = 'basic',
+    size = 'base',
+    style,
+    testID,
+    ...rest
+  }) => {
+    badgeStyles.useVariants({ severity, size })
     const [textLayout, setTextLayout] = useState<LayoutRectangle>()
 
     const onTextLayout = useCallback((e: LayoutChangeEvent) => {
@@ -68,10 +82,7 @@ export const Badge = memo<BadgeProps>(
           />
         ) : (
           <>
-            <View
-              style={[badgeStyles.dot, badgeStyles.textBadgeContainer]}
-              testID={testID}
-            >
+            <View style={badgeStyles.textBadgeContainer} testID={testID}>
               <Text
                 numberOfLines={1}
                 style={[badgeStyles.textBadge, { minWidth: textLayout?.width }]}
@@ -129,20 +140,83 @@ const badgeStyles = StyleSheet.create(({ components, semantic, fonts }) => ({
   dotShape: {
     width: components.badge.dot.size,
     height: components.badge.dot.size,
-    borderRadius: components.badge.root.borderRadius,
+    borderRadius: semantic.dimension.borderRadius.max,
+    borderWidth: components.overlaybadge.root.outline.width,
+    borderColor: components.overlaybadge.root.outline.color,
+    variants: {
+      size: {
+        base: {},
+        large: {
+          width: components.badge.extend.extDot.lg.size,
+          height: components.badge.extend.extDot.lg.size,
+        },
+        xlarge: {
+          width: components.badge.extend.extDot.xlg.size,
+          height: components.badge.extend.extDot.xlg.size,
+        },
+      },
+    },
   },
   textBadgeContainer: {
     height: components.badge.root.height,
+    minWidth: components.badge.root.minWidth,
     paddingHorizontal: components.badge.root.padding,
     justifyContent: 'center',
-    borderRadius: semantic.dimension.borderRadius.max,
+    borderRadius: components.badge.root.borderRadius,
+    borderWidth: components.overlaybadge.root.outline.width,
+    borderColor: components.overlaybadge.root.outline.color,
+    variants: {
+      severity: {
+        basic: {
+          backgroundColor: components.badge.colorScheme.primary.background,
+        },
+        info: { backgroundColor: components.badge.colorScheme.info.background },
+        success: {
+          backgroundColor: components.badge.colorScheme.success.background,
+        },
+        warning: {
+          backgroundColor: components.badge.colorScheme.warn.background,
+        },
+        danger: {
+          backgroundColor: components.badge.colorScheme.danger.background,
+        },
+      },
+      size: {
+        base: {},
+        large: {
+          height: components.badge.lg.height,
+          minWidth: components.badge.lg.minWidth,
+        },
+        xlarge: {
+          height: components.badge.xl.height,
+          minWidth: components.badge.xl.minWidth,
+        },
+      },
+    },
   },
   textBadge: {
     color: components.badge.colorScheme.primary.color,
     fontSize: components.badge.root.fontSize,
+    fontWeight: fonts.fontWeight.regular,
+    lineHeight: fonts.lineHeight[100],
+    letterSpacing: fonts.letterSpacing[500],
     includeFontPadding: false,
     verticalAlign: 'middle',
     fontFamily: fonts.fontFamily.heading,
+    variants: {
+      severity: {
+        basic: { color: components.badge.colorScheme.primary.color },
+        info: { color: components.badge.colorScheme.info.color },
+        success: { color: components.badge.colorScheme.success.color },
+        warning: { color: components.badge.colorScheme.warn.color },
+        danger: { color: components.badge.colorScheme.danger.color },
+      },
+      size: {
+        base: {},
+        large: {},
+        xlarge: { lineHeight: fonts.lineHeight[350] },
+      },
+    },
   },
   hiddenContainer: {
     width: Dimensions.get('window').width,
diff --git a/src/components/Badge/__tests__/Badge.test.tsx b/src/components/Badge/__tests__/Badge.test.tsx
index 0fcac425..8f3e605a 100644
--- a/src/components/Badge/__tests__/Badge.test.tsx
+++ b/src/components/Badge/__tests__/Badge.test.tsx
@@ -1,29 +1,53 @@
 import { render } from '@testing-library/react-native'
 
-import { Badge, type BadgeProps } from '../Badge'
-
-describe('Badge component tests', () => {
-  const snapshotCases: Array<[string, BadgeProps]> = [
-    ['dot, severity: basic', { dot: true, severity: 'basic' }],
-    ['dot, severity: info', { dot: true, severity: 'info' }],
-    ['dot, severity: success', { dot: true, severity: 'success' }],
-    ['dot, severity: warning', { dot: true, severity: 'warning' }],
-    ['dot, severity: danger', { dot: true, severity: 'danger' }],
-    ['severity: basic', { children: '12', severity: 'basic' }],
-    ['severity: basic', { children: '12', severity: 'info' }],
-    ['severity: basic', { children: '12', severity: 'success' }],
-    ['severity: basic', { children: '12', severity: 'warning' }],
-    ['severity: basic', { children: '12', severity: 'danger' }],
-    ['severity: default', { children: '12' }],
-    [
-      'with custom style',
-      { dot: true, severity: 'basic', style: { margin: 10 } },
-    ],
+import { Badge, type BadgeSeverity } from '../Badge'
+
+describe('Badge', () => {
+  const severities: BadgeSeverity[] = [
+    'basic',
+    'info',
+    'success',
+    'warning',
+    'danger',
   ]
 
-  test.each(snapshotCases)('%s', (_, props) => {
-    const renderedBadge = render(<Badge {...props} />)
+  test.each(severities)(
+    'отображает переданный текст для severity %s',
+    (severity) => {
+      const { getByText } = render(<Badge severity={severity}>12</Badge>)
+
+      expect(getByText('12')).toBeOnTheScreen()
+    }
+  )
 
-    expect(renderedBadge.toJSON()).toMatchSnapshot()
+  test.each(severities)('отображает dot для severity %s', (severity) => {
+    const { getByTestId, queryByText } = render(
+      <Badge dot severity={severity} testID='Badge' />
+    )
+
+    expect(getByTestId('Badge')).toBeOnTheScreen()
+    expect(queryByText('12')).not.toBeOnTheScreen()
   })
+
+  test.each(['large', 'xlarge'] as const)(
+    'отображает переданный текст для размера %s',
+    (size) => {
+      const { getByText } = render(
+        <Badge severity='danger' size={size}>
+          12
+        </Badge>
+      )
+
+      expect(getByText('12')).toBeOnTheScreen()
+    }
+  )
+
+  test.each(['large', 'xlarge'] as const)(
+    'отображает dot-вариант для размера %s',
+    (size) => {
+      const { getByTestId } = render(<Badge dot size={size} testID='Badge' />)
+
+      expect(getByTestId('Badge')).toBeOnTheScreen()
+    }
+  )
 })
diff --git a/src/components/Badge/__tests__/__snapshots__/Badge.test.tsx.snap b/src/components/Badge/__tests__/__snapshots__/Badge.test.tsx.snap
deleted file mode 100644
index c728269d..00000000
--- a/src/components/Badge/__tests__/__snapshots__/Badge.test.tsx.snap
+++ /dev/null
@@ -1,657 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Badge component tests dot, severity: basic 1`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#44e858",
-        },
-        {
-          "borderRadius": 8,
-          "height": 8,
-          "width": 8,
-        },
-      ]
-    }
-  />
-</View>
-`;
-
-exports[`Badge component tests dot, severity: danger 1`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#f47f77",
-        },
-        {
-          "borderRadius": 8,
-          "height": 8,
-          "width": 8,
-        },
-      ]
-    }
-  />
-</View>
-`;
-
-exports[`Badge component tests dot, severity: info 1`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#77baf4",
-        },
-        {
-          "borderRadius": 8,
-          "height": 8,
-          "width": 8,
-        },
-      ]
-    }
-  />
-</View>
-`;
-
-exports[`Badge component tests dot, severity: success 1`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#77f48a",
-        },
-        {
-          "borderRadius": 8,
-          "height": 8,
-          "width": 8,
-        },
-      ]
-    }
-  />
-</View>
-`;
-
-exports[`Badge component tests dot, severity: warning 1`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#facb75",
-        },
-        {
-          "borderRadius": 8,
-          "height": 8,
-          "width": 8,
-        },
-      ]
-    }
-  />
-</View>
-`;
-
-exports[`Badge component tests severity: basic 1`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#44e858",
-        },
-        {
-          "borderRadius": 1600,
-          "height": 24,
-          "justifyContent": "center",
-          "paddingHorizontal": 8,
-        },
-      ]
-    }
-  >
-    <Text
-      numberOfLines={1}
-      style={
-        [
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          },
-          {
-            "minWidth": undefined,
-          },
-        ]
-      }
-    >
-      12
-    </Text>
-  </View>
-  <View
-    accessibilityElementsHidden={true}
-    importantForAccessibility="no-hide-descendants"
-    style={
-      {
-        "flexDirection": "row",
-        "height": 0,
-        "position": "absolute",
-        "width": 750,
-      }
-    }
-  >
-    <View
-      collapsable={false}
-    >
-      <Text
-        numberOfLines={1}
-        onLayout={[Function]}
-        style={
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          }
-        }
-      >
-        12
-      </Text>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Badge component tests severity: basic 2`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#77baf4",
-        },
-        {
-          "borderRadius": 1600,
-          "height": 24,
-          "justifyContent": "center",
-          "paddingHorizontal": 8,
-        },
-      ]
-    }
-  >
-    <Text
-      numberOfLines={1}
-      style={
-        [
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          },
-          {
-            "minWidth": undefined,
-          },
-        ]
-      }
-    >
-      12
-    </Text>
-  </View>
-  <View
-    accessibilityElementsHidden={true}
-    importantForAccessibility="no-hide-descendants"
-    style={
-      {
-        "flexDirection": "row",
-        "height": 0,
-        "position": "absolute",
-        "width": 750,
-      }
-    }
-  >
-    <View
-      collapsable={false}
-    >
-      <Text
-        numberOfLines={1}
-        onLayout={[Function]}
-        style={
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          }
-        }
-      >
-        12
-      </Text>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Badge component tests severity: basic 3`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#77f48a",
-        },
-        {
-          "borderRadius": 1600,
-          "height": 24,
-          "justifyContent": "center",
-          "paddingHorizontal": 8,
-        },
-      ]
-    }
-  >
-    <Text
-      numberOfLines={1}
-      style={
-        [
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          },
-          {
-            "minWidth": undefined,
-          },
-        ]
-      }
-    >
-      12
-    </Text>
-  </View>
-  <View
-    accessibilityElementsHidden={true}
-    importantForAccessibility="no-hide-descendants"
-    style={
-      {
-        "flexDirection": "row",
-        "height": 0,
-        "position": "absolute",
-        "width": 750,
-      }
-    }
-  >
-    <View
-      collapsable={false}
-    >
-      <Text
-        numberOfLines={1}
-        onLayout={[Function]}
-        style={
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          }
-        }
-      >
-        12
-      </Text>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Badge component tests severity: basic 4`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#facb75",
-        },
-        {
-          "borderRadius": 1600,
-          "height": 24,
-          "justifyContent": "center",
-          "paddingHorizontal": 8,
-        },
-      ]
-    }
-  >
-    <Text
-      numberOfLines={1}
-      style={
-        [
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          },
-          {
-            "minWidth": undefined,
-          },
-        ]
-      }
-    >
-      12
-    </Text>
-  </View>
-  <View
-    accessibilityElementsHidden={true}
-    importantForAccessibility="no-hide-descendants"
-    style={
-      {
-        "flexDirection": "row",
-        "height": 0,
-        "position": "absolute",
-        "width": 750,
-      }
-    }
-  >
-    <View
-      collapsable={false}
-    >
-      <Text
-        numberOfLines={1}
-        onLayout={[Function]}
-        style={
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          }
-        }
-      >
-        12
-      </Text>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Badge component tests severity: basic 5`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#f47f77",
-        },
-        {
-          "borderRadius": 1600,
-          "height": 24,
-          "justifyContent": "center",
-          "paddingHorizontal": 8,
-        },
-      ]
-    }
-  >
-    <Text
-      numberOfLines={1}
-      style={
-        [
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          },
-          {
-            "minWidth": undefined,
-          },
-        ]
-      }
-    >
-      12
-    </Text>
-  </View>
-  <View
-    accessibilityElementsHidden={true}
-    importantForAccessibility="no-hide-descendants"
-    style={
-      {
-        "flexDirection": "row",
-        "height": 0,
-        "position": "absolute",
-        "width": 750,
-      }
-    }
-  >
-    <View
-      collapsable={false}
-    >
-      <Text
-        numberOfLines={1}
-        onLayout={[Function]}
-        style={
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          }
-        }
-      >
-        12
-      </Text>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Badge component tests severity: default 1`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      undefined,
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#44e858",
-        },
-        {
-          "borderRadius": 1600,
-          "height": 24,
-          "justifyContent": "center",
-          "paddingHorizontal": 8,
-        },
-      ]
-    }
-  >
-    <Text
-      numberOfLines={1}
-      style={
-        [
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          },
-          {
-            "minWidth": undefined,
-          },
-        ]
-      }
-    >
-      12
-    </Text>
-  </View>
-  <View
-    accessibilityElementsHidden={true}
-    importantForAccessibility="no-hide-descendants"
-    style={
-      {
-        "flexDirection": "row",
-        "height": 0,
-        "position": "absolute",
-        "width": 750,
-      }
-    }
-  >
-    <View
-      collapsable={false}
-    >
-      <Text
-        numberOfLines={1}
-        onLayout={[Function]}
-        style={
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          }
-        }
-      >
-        12
-      </Text>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Badge component tests with custom style 1`] = `
-<View
-  style={
-    [
-      {
-        "alignItems": "flex-start",
-      },
-      {
-        "margin": 10,
-      },
-    ]
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#44e858",
-        },
-        {
-          "borderRadius": 8,
-          "height": 8,
-          "width": 8,
-        },
-      ]
-    }
-  />
-</View>
-`;
diff --git a/src/components/Button/Button.stories.ts b/src/components/Button/Button.stories.tsx
similarity index 53%
rename from src/components/Button/Button.stories.ts
rename to src/components/Button/Button.stories.tsx
index 7c3d9298..24dac296 100644
--- a/src/components/Button/Button.stories.ts
+++ b/src/components/Button/Button.stories.tsx
@@ -3,10 +3,18 @@ import {
   IconArrowDownRight,
   IconArrowDownLeft,
 } from '@tabler/icons-react-native'
+import { StyleSheet, View } from 'react-native'
+
+import { Body } from '../Typography'
 
 import { Button } from './Button'
+import type { ButtonBaseVariant, ButtonProps } from './types'
 
 const Icons = { IconArrowDownRight, IconArrowDownLeft, undefined }
+const styles = StyleSheet.create({
+  container: { gap: 16 },
+  example: { gap: 8 },
+})
 
 const meta: Meta<typeof Button> = {
   title: 'Button',
@@ -31,13 +39,41 @@ const meta: Meta<typeof Button> = {
     disabled: { control: 'boolean' },
     iconPosition: { control: 'radio', options: ['prefix', 'postfix'] },
     onPress: { action: 'OnPress' },
-    iconOnly: {
-      control: 'radio',
-      options: ['IconOnly', 'Not IconOnly'],
-      mapping: { IconOnly: true, 'Not IconOnly': undefined },
-    },
     Icon: { control: 'select', options: Object.keys(Icons), mapping: Icons },
   },
+  parameters: { controls: { exclude: ['iconOnly'] } },
+  render: ({
+    iconOnly: _iconOnly,
+    Icon,
+    iconPosition,
+    label = 'Button',
+    ...args
+  }) => {
+    const buttonProps: ButtonProps<ButtonBaseVariant> = {
+      ...args,
+      Icon,
+      iconPosition,
+      label,
+    }
+    const iconOnlyButtonProps: ButtonProps<ButtonBaseVariant> = {
+      ...args,
+      iconOnly: true,
+      Icon: Icon ?? IconArrowDownRight,
+    }
+
+    return (
+      <View style={styles.container}>
+        <View style={styles.example}>
+          <Body>С текстом</Body>
+          <Button {...buttonProps} />
+        </View>
+        <View style={styles.example}>
+          <Body>Только иконка</Body>
+          <Button {...iconOnlyButtonProps} />
+        </View>
+      </View>
+    )
+  },
 }
 
 export default meta
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 5e2ca5e7..bb3320ac 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -17,6 +17,7 @@ import { ButtonVariantContext } from './utils/ButtonVariantContext'
  * @param label - button label
  * @param style - external style control for component
  * @see BaseButton
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=160-5223
  */
 export const Button = memo<ButtonProps<ButtonBaseVariant>>(
   ({ variant = 'primary', ...props }) => {
diff --git a/src/components/Button/ButtonBadge.stories.ts b/src/components/Button/ButtonBadge.stories.tsx
similarity index 55%
rename from src/components/Button/ButtonBadge.stories.ts
rename to src/components/Button/ButtonBadge.stories.tsx
index e84a14b1..1f776b2f 100644
--- a/src/components/Button/ButtonBadge.stories.ts
+++ b/src/components/Button/ButtonBadge.stories.tsx
@@ -3,10 +3,18 @@ import {
   IconArrowDownRight,
   IconArrowDownLeft,
 } from '@tabler/icons-react-native'
+import { StyleSheet, View } from 'react-native'
+
+import { Body } from '../Typography'
 
 import { ButtonBadge } from './ButtonBadge'
+import type { ButtonBadgeProps, ButtonBaseVariant, ButtonProps } from './types'
 
 const Icons = { IconArrowDownRight, IconArrowDownLeft, undefined }
+const styles = StyleSheet.create({
+  container: { gap: 16 },
+  example: { gap: 8 },
+})
 
 const meta: Meta<typeof ButtonBadge> = {
   title: 'Button/Badge',
@@ -37,13 +45,42 @@ const meta: Meta<typeof ButtonBadge> = {
       control: 'radio',
       options: ['basic', 'info', 'success', 'warning', 'danger'],
     },
-    iconOnly: {
-      control: 'radio',
-      options: ['IconOnly', 'Not IconOnly'],
-      mapping: { IconOnly: true, 'Not IconOnly': undefined },
-    },
     Icon: { control: 'select', options: Object.keys(Icons), mapping: Icons },
   },
+  parameters: { controls: { exclude: ['iconOnly'] } },
+  render: ({
+    iconOnly: _iconOnly,
+    Icon,
+    iconPosition,
+    label = 'Button',
+    ...args
+  }) => {
+    const buttonProps: ButtonProps<ButtonBaseVariant> & ButtonBadgeProps = {
+      ...args,
+      Icon,
+      iconPosition,
+      label,
+    }
+    const iconOnlyButtonProps: ButtonProps<ButtonBaseVariant> &
+      ButtonBadgeProps = {
+      ...args,
+      iconOnly: true,
+      Icon: Icon ?? IconArrowDownRight,
+    }
+
+    return (
+      <View style={styles.container}>
+        <View style={styles.example}>
+          <Body>С текстом</Body>
+          <ButtonBadge {...buttonProps} />
+        </View>
+        <View style={styles.example}>
+          <Body>Только иконка</Body>
+          <ButtonBadge {...iconOnlyButtonProps} />
+        </View>
+      </View>
+    )
+  },
 }
 
 export default meta
diff --git a/src/components/Button/ButtonBadge.tsx b/src/components/Button/ButtonBadge.tsx
index 9436f6f3..5519b079 100644
--- a/src/components/Button/ButtonBadge.tsx
+++ b/src/components/Button/ButtonBadge.tsx
@@ -3,7 +3,7 @@ import { View } from 'react-native'
 
 import { StyleSheet } from 'react-native-unistyles'
 
-import { Badge } from '../Badge'
+import { Badge, type BadgeProps } from '../Badge'
 
 import { BaseButton } from './BaseButton'
 import type { ButtonBadgeProps, ButtonBaseVariant, ButtonProps } from './types'
@@ -30,39 +30,27 @@ export const ButtonBadge = memo<
 >(({ badgeLabel, badgeSeverity, variant = 'primary', ...props }) => {
   const variantContextValue = useMemo(() => ({ variant }), [variant])
 
-  const badgeCommonProps = useMemo(
-    () => ({ severity: badgeSeverity, testID: ButtonBadgeTestId.badge }),
-    [badgeSeverity]
-  )
+  const badgeCommonProps = {
+    severity: badgeSeverity,
+    testID: ButtonBadgeTestId.badge,
+  }
+  const badgeProps: BadgeProps = badgeLabel
+    ? { ...badgeCommonProps, children: badgeLabel, style: styles.badge }
+    : { ...badgeCommonProps, dot: true, style: styles.badgeDot }
 
   return (
     <ButtonVariantContext.Provider value={variantContextValue}>
-      <View style={styles.root}>
-        <View
-          style={[
-            styles.contentContainer,
-            props.iconOnly && styles.iconOnlyContainer,
-          ]}
-        >
-          <BaseButton variant={variant} {...props} />
+      <View style={styles.container}>
+        <BaseButton variant={variant} {...props} />
 
-          {badgeLabel ? (
-            <Badge {...badgeCommonProps} style={styles.badge}>
-              {badgeLabel}
-            </Badge>
-          ) : (
-            <Badge {...badgeCommonProps} dot style={styles.badgeDot} />
-          )}
-        </View>
+        <Badge {...badgeProps} />
       </View>
     </ButtonVariantContext.Provider>
   )
 })
 
 const styles = StyleSheet.create(() => ({
-  root: { flexDirection: 'row' },
-  contentContainer: { flex: 1 },
-  iconOnlyContainer: { flex: 0 },
+  container: { alignSelf: 'flex-start' },
   badgeDot: { position: 'absolute', top: 0, right: -0.5 },
   badge: {
     position: 'absolute',
diff --git a/src/components/Button/ButtonSeverity.stories.ts b/src/components/Button/ButtonSeverity.stories.tsx
similarity index 54%
rename from src/components/Button/ButtonSeverity.stories.ts
rename to src/components/Button/ButtonSeverity.stories.tsx
index fe7b83f8..9396cd0f 100644
--- a/src/components/Button/ButtonSeverity.stories.ts
+++ b/src/components/Button/ButtonSeverity.stories.tsx
@@ -3,10 +3,22 @@ import {
   IconArrowDownRight,
   IconArrowDownLeft,
 } from '@tabler/icons-react-native'
+import { StyleSheet, View } from 'react-native'
+
+import { Body } from '../Typography'
 
 import { ButtonSeverity } from './ButtonSeverity'
+import type {
+  ButtonProps,
+  ButtonSeverityProps,
+  ButtonSeverityVariant,
+} from './types'
 
 const Icons = { IconArrowDownRight, IconArrowDownLeft, undefined }
+const styles = StyleSheet.create({
+  container: { gap: 16 },
+  example: { gap: 8 },
+})
 
 const meta: Meta<typeof ButtonSeverity> = {
   title: 'Button/Severity',
@@ -33,13 +45,38 @@ const meta: Meta<typeof ButtonSeverity> = {
       control: 'radio',
       options: ['info', 'success', 'warning', 'danger'],
     },
-    iconOnly: {
-      control: 'radio',
-      options: ['IconOnly', 'Not IconOnly'],
-      mapping: { IconOnly: true, 'Not IconOnly': undefined },
-    },
     Icon: { control: 'select', options: Object.keys(Icons), mapping: Icons },
   },
+  parameters: { controls: { exclude: ['iconOnly'] } },
+  render: ({
+    iconOnly: _iconOnly,
+    Icon,
+    iconPosition,
+    label = 'Button',
+    ...args
+  }) => {
+    const buttonProps: ButtonProps<ButtonSeverityVariant> &
+      ButtonSeverityProps = { ...args, Icon, iconPosition, label }
+    const iconOnlyButtonProps: ButtonProps<ButtonSeverityVariant> &
+      ButtonSeverityProps = {
+      ...args,
+      iconOnly: true,
+      Icon: Icon ?? IconArrowDownRight,
+    }
+
+    return (
+      <View style={styles.container}>
+        <View style={styles.example}>
+          <Body>С текстом</Body>
+          <ButtonSeverity {...buttonProps} />
+        </View>
+        <View style={styles.example}>
+          <Body>Только иконка</Body>
+          <ButtonSeverity {...iconOnlyButtonProps} />
+        </View>
+      </View>
+    )
+  },
 }
 
 export default meta
diff --git a/src/components/Button/__tests__/Button.test.tsx b/src/components/Button/__tests__/Button.test.tsx
index c2abe708..024a869a 100644
--- a/src/components/Button/__tests__/Button.test.tsx
+++ b/src/components/Button/__tests__/Button.test.tsx
@@ -1,101 +1,73 @@
 import { IconArrowDownRight } from '@tabler/icons-react-native'
-import { render } from '@testing-library/react-native'
+import { render, userEvent } from '@testing-library/react-native'
 
 import { Button } from '../Button'
-import type {
-  ButtonBaseVariant,
-  IconOnlyButtonProps,
-  IconTextButton,
-} from '../types'
 
-describe('Button component tests', () => {
-  const buttonSnapshotCases = generatePropsCombinations<
-    IconTextButton<ButtonBaseVariant>
-  >({
-    size: ['base', 'small', 'large', 'xlarge'],
-    shape: ['square', 'circle'],
-    loading: [true, false],
-    variant: ['primary', 'secondary', 'tertiary', 'text', 'link'],
-    disabled: [true, false],
-    label: ['Button'],
-    testOnly_pressed: [true, false],
-  })
-
-  test.each(buttonSnapshotCases)(
-    'Button with text, size - $size, shape - $shape, variant - $variant, loading - $loading, disabled - $disabled',
-    (props) => {
-      const renderedButton = render(<Button {...props} />)
+describe('Button', () => {
+  test.each(['small', 'base', 'large', 'xlarge'] as const)(
+    'отображает текст для размера %s',
+    (size) => {
+      const { getByText } = render(<Button label='Button' size={size} />)
 
-      expect(renderedButton.toJSON()).toMatchSnapshot()
+      expect(getByText('Button')).toBeOnTheScreen()
     }
   )
 
-  test.each(buttonSnapshotCases)(
-    'Button with icon on left, size - $size, shape - $shape, variant - $variant, loading - $loading, disabled - $disabled',
-    (props) => {
-      const renderedButton = render(
-        <Button Icon={IconArrowDownRight} iconPosition='prefix' {...props} />
+  test.each(['prefix', 'postfix'] as const)(
+    'отображает иконку в позиции %s',
+    (iconPosition) => {
+      const { getAllByTestId } = render(
+        <Button
+          Icon={IconArrowDownRight}
+          iconPosition={iconPosition}
+          label='Button'
+        />
       )
 
-      expect(renderedButton.toJSON()).toMatchSnapshot()
+      expect(getAllByTestId('Button_Icon')).not.toHaveLength(0)
     }
   )
 
-  test.each(buttonSnapshotCases)(
-    'Button with icon on right, size - $size, shape - $shape, variant - $variant, loading - $loading, disabled - $disabled',
-    (props) => {
-      const renderedButton = render(
-        <Button Icon={IconArrowDownRight} iconPosition='postfix' {...props} />
-      )
-
-      expect(renderedButton.toJSON()).toMatchSnapshot()
-    }
-  )
+  test('скрывает текст в режиме iconOnly', () => {
+    const { getAllByTestId, queryByTestId } = render(
+      <Button iconOnly Icon={IconArrowDownRight} />
+    )
 
-  const iconOnlyButtonSnapshotCases = generatePropsCombinations<
-    IconOnlyButtonProps<ButtonBaseVariant>
-  >({
-    size: ['base', 'small', 'large', 'xlarge'],
-    shape: ['square', 'circle'],
-    loading: [true, false],
-    variant: ['primary', 'secondary', 'tertiary', 'text', 'link'],
-    disabled: [true, false],
-    iconOnly: [true],
-    Icon: [IconArrowDownRight],
+    expect(getAllByTestId('Button_Icon')).not.toHaveLength(0)
+    expect(queryByTestId('Button_Text')).not.toBeOnTheScreen()
   })
 
-  test.each(iconOnlyButtonSnapshotCases)(
-    'Button with only icon, size - $size, shape - $shape, variant - $variant, loading - $loading, disabled - $disabled',
-    ({ ...props }) => {
-      const renderedButton = render(<Button {...props} />)
-
-      expect(renderedButton.toJSON()).toMatchSnapshot()
-    }
-  )
-
-  test('Button default props', () => {
-    const renderedBody = render(<Button label='Button' />)
+  test('показывает индикатор загрузки вместо иконки', () => {
+    const { getByTestId, queryByTestId } = render(
+      <Button loading Icon={IconArrowDownRight} label='Button' />
+    )
 
-    expect(renderedBody.toJSON()).toMatchSnapshot()
+    expect(getByTestId('Button_ActivityIndicator')).toBeOnTheScreen()
+    expect(queryByTestId('Button_Icon')).not.toBeOnTheScreen()
   })
 
-  test('Button with custom style', () => {
-    const renderedBody = render(
-      <Button label='Button' style={{ margin: 10 }} />
-    )
+  test('вызывает onPress для доступной кнопки', async () => {
+    const onPress = jest.fn()
+    const user = userEvent.setup()
+    const { getByRole } = render(<Button label='Button' onPress={onPress} />)
 
-    expect(renderedBody.toJSON()).toMatchSnapshot()
+    await user.press(getByRole('button'))
+
+    expect(onPress).toHaveBeenCalledOnce()
   })
 
-  test('Button with custom pressed-based style', () => {
-    const renderedBody = render(
-      <Button
-        testOnly_pressed
-        label='Button'
-        style={({ pressed }) => ({ margin: pressed ? 10 : 15 })}
-      />
-    )
+  test.each([{ disabled: true }, { loading: true }])(
+    'не вызывает onPress, если кнопка недоступна: %o',
+    async (state) => {
+      const onPress = jest.fn()
+      const user = userEvent.setup()
+      const { getByRole } = render(
+        <Button label='Button' onPress={onPress} {...state} />
+      )
 
-    expect(renderedBody.toJSON()).toMatchSnapshot()
-  })
+      await user.press(getByRole('button'))
+
+      expect(onPress).not.toHaveBeenCalled()
+    }
+  )
 })
diff --git a/src/components/Button/__tests__/ButtonBadge.test.tsx b/src/components/Button/__tests__/ButtonBadge.test.tsx
index 73e35890..9bf829c2 100644
--- a/src/components/Button/__tests__/ButtonBadge.test.tsx
+++ b/src/components/Button/__tests__/ButtonBadge.test.tsx
@@ -1,21 +1,23 @@
 import { render } from '@testing-library/react-native'
 
-import { ButtonBadge } from '../ButtonBadge'
+import { ButtonBadge, ButtonBadgeTestId } from '../ButtonBadge'
 
-describe('ButtonSeverity component tests', () => {
-  test('badge - basic', () => {
-    const renderedButton = render(
+describe('ButtonBadge', () => {
+  test('отображает текст кнопки и бейджа', () => {
+    const { getByText } = render(
       <ButtonBadge badgeLabel='Badge' badgeSeverity='danger' label='Button' />
     )
 
-    expect(renderedButton.toJSON()).toMatchSnapshot()
+    expect(getByText('Button')).toBeOnTheScreen()
+    expect(getByText('Badge')).toBeOnTheScreen()
   })
 
-  test('badge - dot', () => {
-    const renderedButton = render(
+  test('отображает бейдж без текста в режиме dot', () => {
+    const { getByTestId, queryByText } = render(
       <ButtonBadge badgeSeverity='info' label='Button' />
     )
 
-    expect(renderedButton.toJSON()).toMatchSnapshot()
+    expect(getByTestId(ButtonBadgeTestId.badge)).toBeOnTheScreen()
+    expect(queryByText('Badge')).not.toBeOnTheScreen()
   })
 })
diff --git a/src/components/Button/__tests__/ButtonSeverity.test.tsx b/src/components/Button/__tests__/ButtonSeverity.test.tsx
index 979931f4..06c77242 100644
--- a/src/components/Button/__tests__/ButtonSeverity.test.tsx
+++ b/src/components/Button/__tests__/ButtonSeverity.test.tsx
@@ -1,16 +1,16 @@
 import { render } from '@testing-library/react-native'
 
 import { ButtonSeverity } from '../ButtonSeverity'
-import type { ButtonSeverityProps } from '../types'
 
-describe('ButtonSeverity component tests', () => {
-  const buttonSnapshotCases = generatePropsCombinations<ButtonSeverityProps>({
-    severity: ['info', 'warning', 'danger', 'success'],
-  })
+describe('ButtonSeverity', () => {
+  test.each(['info', 'warning', 'danger', 'success'] as const)(
+    'отображает текст для severity=%s',
+    (severity) => {
+      const { getByText } = render(
+        <ButtonSeverity label='Button' severity={severity} />
+      )
 
-  test.each(buttonSnapshotCases)('severity - $severity', (props) => {
-    const renderedButton = render(<ButtonSeverity {...props} label='Button' />)
-
-    expect(renderedButton.toJSON()).toMatchSnapshot()
-  })
+      expect(getByText('Button')).toBeOnTheScreen()
+    }
+  )
 })
diff --git a/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap b/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
deleted file mode 100644
index 61172500..00000000
--- a/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
+++ /dev/null
@@ -1,139262 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button component tests Button default props 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with custom pressed-based style 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-      {
-        "margin": 10,
-      },
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with custom style 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-      {
-        "margin": 10,
-      },
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - base, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - large, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - small, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on left, size - xlarge, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - base, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - large, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - small, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with icon on right, size - xlarge, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 24,
-        "justifyContent": "center",
-        "maxHeight": 24,
-        "minHeight": 24,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 24,
-        "justifyContent": "center",
-        "maxHeight": 24,
-        "minHeight": 24,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 24,
-        "justifyContent": "center",
-        "maxHeight": 24,
-        "minHeight": 24,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 24,
-        "justifyContent": "center",
-        "maxHeight": 24,
-        "minHeight": 24,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 24,
-        "justifyContent": "center",
-        "maxHeight": 24,
-        "minHeight": 24,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 24,
-        "justifyContent": "center",
-        "maxHeight": 24,
-        "minHeight": 24,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 24,
-        "justifyContent": "center",
-        "maxHeight": 24,
-        "minHeight": 24,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 24,
-        "justifyContent": "center",
-        "maxHeight": 24,
-        "minHeight": 24,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - base, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={20}
-    bbWidth={20}
-    fill="none"
-    focusable={false}
-    height={20}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 20,
-          "width": 20,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={20}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 28,
-        "justifyContent": "center",
-        "maxHeight": 28,
-        "minHeight": 28,
-        "paddingHorizontal": 0,
-        "paddingVertical": 0,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 28,
-        "justifyContent": "center",
-        "maxHeight": 28,
-        "minHeight": 28,
-        "paddingHorizontal": 0,
-        "paddingVertical": 0,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 28,
-        "justifyContent": "center",
-        "maxHeight": 28,
-        "minHeight": 28,
-        "paddingHorizontal": 0,
-        "paddingVertical": 0,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 28,
-        "justifyContent": "center",
-        "maxHeight": 28,
-        "minHeight": 28,
-        "paddingHorizontal": 0,
-        "paddingVertical": 0,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 28,
-        "justifyContent": "center",
-        "maxHeight": 28,
-        "minHeight": 28,
-        "paddingHorizontal": 0,
-        "paddingVertical": 0,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 28,
-        "justifyContent": "center",
-        "maxHeight": 28,
-        "minHeight": 28,
-        "paddingHorizontal": 0,
-        "paddingVertical": 0,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 28,
-        "justifyContent": "center",
-        "maxHeight": 28,
-        "minHeight": 28,
-        "paddingHorizontal": 0,
-        "paddingVertical": 0,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 28,
-        "justifyContent": "center",
-        "maxHeight": 28,
-        "minHeight": 28,
-        "paddingHorizontal": 0,
-        "paddingVertical": 0,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - large, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 16,
-        "justifyContent": "center",
-        "maxHeight": 16,
-        "minHeight": 16,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 16,
-        "justifyContent": "center",
-        "maxHeight": 16,
-        "minHeight": 16,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 16,
-        "justifyContent": "center",
-        "maxHeight": 16,
-        "minHeight": 16,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 16,
-        "justifyContent": "center",
-        "maxHeight": 16,
-        "minHeight": 16,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 16,
-        "justifyContent": "center",
-        "maxHeight": 16,
-        "minHeight": 16,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 16,
-        "justifyContent": "center",
-        "maxHeight": 16,
-        "minHeight": 16,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 16,
-        "justifyContent": "center",
-        "maxHeight": 16,
-        "minHeight": 16,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": 16,
-        "justifyContent": "center",
-        "maxHeight": 16,
-        "minHeight": 16,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - small, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    fill="none"
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 32,
-        "justifyContent": "center",
-        "maxHeight": 32,
-        "minHeight": 32,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 32,
-        "justifyContent": "center",
-        "maxHeight": 32,
-        "minHeight": 32,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 32,
-        "justifyContent": "center",
-        "maxHeight": 32,
-        "minHeight": 32,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 32,
-        "justifyContent": "center",
-        "maxHeight": 32,
-        "minHeight": 32,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 32,
-        "justifyContent": "center",
-        "maxHeight": 32,
-        "minHeight": 32,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 32,
-        "justifyContent": "center",
-        "maxHeight": 32,
-        "minHeight": 32,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 32,
-        "justifyContent": "center",
-        "maxHeight": 32,
-        "minHeight": 32,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 32,
-        "justifyContent": "center",
-        "maxHeight": 32,
-        "minHeight": 32,
-        "paddingHorizontal": 4,
-        "paddingVertical": 4,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#ffffff"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4294967295,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#2b2e33"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4281019955,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4281019955,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-</View>
-`;
-
-exports[`Button component tests Button with only icon, size - xlarge, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      {
-        "aspectRatio": 1,
-      },
-    ]
-  }
->
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={24}
-    bbWidth={24}
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    stroke="#85888e"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    strokeWidth={2}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    testID="Button_Icon"
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-          "stroke",
-          "strokeWidth",
-          "strokeLinecap",
-          "strokeLinejoin",
-        ]
-      }
-      stroke={
-        {
-          "payload": 4286941326,
-          "type": 0,
-        }
-      }
-      strokeLinecap={1}
-      strokeLinejoin={1}
-      strokeWidth={2}
-    >
-      <RNSVGPath
-        d="M7 7l10 10"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-      <RNSVGPath
-        d="M17 8l0 9l-9 0"
-        fill={null}
-        propList={
-          [
-            "fill",
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4286941326,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth={2}
-        testID="Button_Icon"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={17.5}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - base, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - large, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 56,
-        "justifyContent": "center",
-        "maxHeight": 56,
-        "minHeight": 56,
-        "paddingHorizontal": 24,
-        "paddingVertical": 14,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={14}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - small, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 12,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - circle, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 1600,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - link, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - link, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - link, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - link, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - link, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - link, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - link, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - link, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": "auto",
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": "auto",
-        "paddingHorizontal": 0,
-        "paddingVertical": 4,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - primary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - primary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#44e858",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - primary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - primary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - primary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - primary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - primary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - primary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - secondary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - secondary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#2b2e33",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#ffffff",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - secondary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - secondary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - secondary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - secondary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - secondary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - secondary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - tertiary, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - tertiary, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - text, loading - false, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - text, loading - false, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "transparent",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#2b2e33",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - text, loading - false, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - text, loading - false, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - text, loading - true, disabled - false 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - text, loading - true, disabled - false 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#85888e"
-    size={21}
-    testID="Button_ActivityIndicator"
-  />
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - text, loading - true, disabled - true 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`Button component tests Button with text, size - xlarge, shape - square, variant - text, loading - true, disabled - true 2`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": true,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#e2e2e4",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 14,
-        "height": 64,
-        "justifyContent": "center",
-        "maxHeight": 64,
-        "minHeight": 64,
-        "paddingHorizontal": 24,
-        "paddingVertical": 20,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#85888e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 20,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
diff --git a/src/components/Button/__tests__/__snapshots__/ButtonBadge.test.tsx.snap b/src/components/Button/__tests__/__snapshots__/ButtonBadge.test.tsx.snap
deleted file mode 100644
index 819b001a..00000000
--- a/src/components/Button/__tests__/__snapshots__/ButtonBadge.test.tsx.snap
+++ /dev/null
@@ -1,298 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ButtonSeverity component tests badge - basic 1`] = `
-<View
-  style={
-    {
-      "flexDirection": "row",
-    }
-  }
->
-  <View
-    style={
-      [
-        {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      accessibilityRole="button"
-      accessibilityState={
-        {
-          "busy": undefined,
-          "checked": undefined,
-          "disabled": false,
-          "expanded": undefined,
-          "selected": undefined,
-        }
-      }
-      accessibilityValue={
-        {
-          "max": undefined,
-          "min": undefined,
-          "now": undefined,
-          "text": undefined,
-        }
-      }
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onFocus={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": "#44e858",
-            "borderColor": "transparent",
-            "borderRadius": 14,
-            "borderWidth": 1,
-            "flexDirection": "row",
-            "gap": 8,
-            "height": "auto",
-            "justifyContent": "center",
-            "paddingHorizontal": 14,
-            "paddingVertical": 8,
-          },
-          false,
-        ]
-      }
-    >
-      <Text
-        style={
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 16,
-            "fontWeight": 600,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          }
-        }
-        testID="Button_Text"
-      >
-        Button
-      </Text>
-    </View>
-    <View
-      style={
-        [
-          {
-            "alignItems": "flex-start",
-          },
-          {
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "transform": [
-              {
-                "translateX": "50%",
-              },
-              {
-                "translateY": "-50%",
-              },
-            ],
-          },
-        ]
-      }
-    >
-      <View
-        style={
-          [
-            {
-              "backgroundColor": "#f47f77",
-            },
-            {
-              "borderRadius": 1600,
-              "height": 24,
-              "justifyContent": "center",
-              "paddingHorizontal": 8,
-            },
-          ]
-        }
-        testID="Badge"
-      >
-        <Text
-          numberOfLines={1}
-          style={
-            [
-              {
-                "color": "#2b2e33",
-                "fontFamily": "TT Fellows",
-                "fontSize": 12,
-                "includeFontPadding": false,
-                "verticalAlign": "middle",
-              },
-              {
-                "minWidth": undefined,
-              },
-            ]
-          }
-        >
-          Badge
-        </Text>
-      </View>
-      <View
-        accessibilityElementsHidden={true}
-        importantForAccessibility="no-hide-descendants"
-        style={
-          {
-            "flexDirection": "row",
-            "height": 0,
-            "position": "absolute",
-            "width": 750,
-          }
-        }
-      >
-        <View
-          collapsable={false}
-        >
-          <Text
-            numberOfLines={1}
-            onLayout={[Function]}
-            style={
-              {
-                "color": "#2b2e33",
-                "fontFamily": "TT Fellows",
-                "fontSize": 12,
-                "includeFontPadding": false,
-                "verticalAlign": "middle",
-              }
-            }
-          >
-            Badge
-          </Text>
-        </View>
-      </View>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`ButtonSeverity component tests badge - dot 1`] = `
-<View
-  style={
-    {
-      "flexDirection": "row",
-    }
-  }
->
-  <View
-    style={
-      [
-        {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      accessibilityRole="button"
-      accessibilityState={
-        {
-          "busy": undefined,
-          "checked": undefined,
-          "disabled": false,
-          "expanded": undefined,
-          "selected": undefined,
-        }
-      }
-      accessibilityValue={
-        {
-          "max": undefined,
-          "min": undefined,
-          "now": undefined,
-          "text": undefined,
-        }
-      }
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      onBlur={[Function]}
-      onClick={[Function]}
-      onFocus={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": "#44e858",
-            "borderColor": "transparent",
-            "borderRadius": 14,
-            "borderWidth": 1,
-            "flexDirection": "row",
-            "gap": 8,
-            "height": "auto",
-            "justifyContent": "center",
-            "paddingHorizontal": 14,
-            "paddingVertical": 8,
-          },
-          false,
-        ]
-      }
-    >
-      <Text
-        style={
-          {
-            "color": "#2b2e33",
-            "fontFamily": "TT Fellows",
-            "fontSize": 16,
-            "fontWeight": 600,
-            "includeFontPadding": false,
-            "verticalAlign": "middle",
-          }
-        }
-        testID="Button_Text"
-      >
-        Button
-      </Text>
-    </View>
-    <View
-      style={
-        [
-          {
-            "alignItems": "flex-start",
-          },
-          {
-            "position": "absolute",
-            "right": -0.5,
-            "top": 0,
-          },
-        ]
-      }
-    >
-      <View
-        style={
-          [
-            {
-              "backgroundColor": "#77baf4",
-            },
-            {
-              "borderRadius": 8,
-              "height": 8,
-              "width": 8,
-            },
-          ]
-        }
-        testID="Badge"
-      />
-    </View>
-  </View>
-</View>
-`;
diff --git a/src/components/Button/__tests__/__snapshots__/ButtonSeverity.test.tsx.snap b/src/components/Button/__tests__/__snapshots__/ButtonSeverity.test.tsx.snap
deleted file mode 100644
index cd024d02..00000000
--- a/src/components/Button/__tests__/__snapshots__/ButtonSeverity.test.tsx.snap
+++ /dev/null
@@ -1,277 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ButtonSeverity component tests severity - danger 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#fbacaa",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#45120e",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`ButtonSeverity component tests severity - info 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#aad7fb",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#0e2a45",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`ButtonSeverity component tests severity - success 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#aafbb7",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#0e4514",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
-
-exports[`ButtonSeverity component tests severity - warning 1`] = `
-<View
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  style={
-    [
-      {
-        "alignItems": "center",
-        "backgroundColor": "#fddeaa",
-        "borderColor": "transparent",
-        "borderRadius": 14,
-        "borderWidth": 1,
-        "flexDirection": "row",
-        "gap": 8,
-        "height": "auto",
-        "justifyContent": "center",
-        "paddingHorizontal": 14,
-        "paddingVertical": 8,
-      },
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      {
-        "color": "#4f3709",
-        "fontFamily": "TT Fellows",
-        "fontSize": 16,
-        "fontWeight": 600,
-        "includeFontPadding": false,
-        "verticalAlign": "middle",
-      }
-    }
-    testID="Button_Text"
-  >
-    Button
-  </Text>
-</View>
-`;
diff --git a/src/components/Button/utils/ButtonActivityIndicator.tsx b/src/components/Button/utils/ButtonActivityIndicator.tsx
index 2d0e6d3d..71d241fd 100644
--- a/src/components/Button/utils/ButtonActivityIndicator.tsx
+++ b/src/components/Button/utils/ButtonActivityIndicator.tsx
@@ -34,10 +34,10 @@ const buttonActivityIndicatorStyles = StyleSheet.create(
       color: button.extend.disabledColor,
       variants: {
         size: {
-          xlarge: { height: 21 },
-          large: { height: 21 },
-          base: { height: 17.5 },
-          small: { height: 14 },
+          xlarge: { height: button.extend.iconSize.lg },
+          large: { height: button.extend.iconSize.lg },
+          base: { height: button.extend.iconSize.md },
+          small: { height: button.extend.iconSize.sm },
         },
       },
     },
diff --git a/src/components/Button/utils/ButtonContainer.tsx b/src/components/Button/utils/ButtonContainer.tsx
index 91a23db0..a7eae9f5 100644
--- a/src/components/Button/utils/ButtonContainer.tsx
+++ b/src/components/Button/utils/ButtonContainer.tsx
@@ -114,14 +114,14 @@ const buttonContainerStyles = StyleSheet.create(
             paddingVertical: button.root.paddingY,
             height: 'auto',
             gap: button.root.gap,
-            borderRadius: button.root.borderRadius,
+            borderRadius: button.extend.extSm.borderRadius,
           },
           small: {
             paddingHorizontal: button.root.sm.paddingX,
             paddingVertical: button.root.sm.paddingY,
             height: 'auto',
-            gap: button.extend.extSm.gap,
-            borderRadius: button.extend.extSm.borderRadius,
+            gap: button.root.gap,
+            borderRadius: button.root.borderRadius,
           },
         },
         shape: {
@@ -422,14 +422,48 @@ const buttonContainerStyles = StyleSheet.create(
           },
         },
 
-        // link + iconOnly special sizes
+        {
+          iconOnly: 'true',
+          size: 'xlarge',
+          styles: {
+            height: button.extend.extXlg.iconOnlyWidth,
+            minHeight: button.extend.extXlg.iconOnlyWidth,
+            maxHeight: button.extend.extXlg.iconOnlyWidth,
+          },
+        },
+        {
+          iconOnly: 'true',
+          size: 'large',
+          styles: {
+            height: button.root.lg.iconOnlyWidth,
+            minHeight: button.root.lg.iconOnlyWidth,
+            maxHeight: button.root.lg.iconOnlyWidth,
+          },
+        },
+        {
+          iconOnly: 'true',
+          size: 'base',
+          styles: {
+            height: button.root.iconOnlyWidth,
+            minHeight: button.root.iconOnlyWidth,
+            maxHeight: button.root.iconOnlyWidth,
+          },
+        },
+        {
+          iconOnly: 'true',
+          size: 'small',
+          styles: {
+            height: button.root.sm.iconOnlyWidth,
+            minHeight: button.root.sm.iconOnlyWidth,
+            maxHeight: button.root.sm.iconOnlyWidth,
+          },
+        },
+
         {
           variant: 'link',
           iconOnly: 'true',
           size: 'xlarge',
           styles: {
-            paddingHorizontal: semantic.dimension.space[100],
-            paddingVertical: semantic.dimension.space[100],
             height: button.extend.extLink.xlg.iconOnlyWidth,
             minHeight: button.extend.extLink.xlg.iconOnlyWidth,
             maxHeight: button.extend.extLink.xlg.iconOnlyWidth,
@@ -440,8 +474,6 @@ const buttonContainerStyles = StyleSheet.create(
           iconOnly: 'true',
           size: 'large',
           styles: {
-            paddingHorizontal: semantic.dimension.space.none,
-            paddingVertical: semantic.dimension.space.none,
             height: button.extend.extLink.lg.iconOnlyWidth,
             minHeight: button.extend.extLink.lg.iconOnlyWidth,
             maxHeight: button.extend.extLink.lg.iconOnlyWidth,
@@ -452,8 +484,6 @@ const buttonContainerStyles = StyleSheet.create(
           iconOnly: 'true',
           size: 'base',
           styles: {
-            paddingHorizontal: semantic.dimension.space[100],
-            paddingVertical: semantic.dimension.space[100],
             height: button.extend.extLink.base.iconOnlyWidth,
             minHeight: button.extend.extLink.base.iconOnlyWidth,
             maxHeight: button.extend.extLink.base.iconOnlyWidth,
@@ -464,8 +494,6 @@ const buttonContainerStyles = StyleSheet.create(
           iconOnly: 'true',
           size: 'small',
           styles: {
-            paddingHorizontal: semantic.dimension.space[100],
-            paddingVertical: semantic.dimension.space[100],
             height: button.extend.extLink.sm.iconOnlyWidth,
             minHeight: button.extend.extLink.sm.iconOnlyWidth,
             maxHeight: button.extend.extLink.sm.iconOnlyWidth,
@@ -473,6 +501,10 @@ const buttonContainerStyles = StyleSheet.create(
         },
       ],
     },
-    iconOnly: { aspectRatio: 1 },
+    iconOnly: {
+      aspectRatio: 1,
+      paddingHorizontal: semantic.dimension.space.none,
+      paddingVertical: semantic.dimension.space.none,
+    },
   })
 )
diff --git a/src/components/Button/utils/ButtonLabel.tsx b/src/components/Button/utils/ButtonLabel.tsx
index 22e315f8..b10bab8c 100644
--- a/src/components/Button/utils/ButtonLabel.tsx
+++ b/src/components/Button/utils/ButtonLabel.tsx
@@ -55,12 +55,25 @@ const buttonLabelStyles = StyleSheet.create(
       includeFontPadding: false,
       verticalAlign: 'middle',
       fontFamily: fonts.fontFamily.heading,
+      letterSpacing: fonts.letterSpacing[500],
       variants: {
         size: {
-          xlarge: { fontSize: fonts.fontSize[500] },
-          large: { fontSize: fonts.fontSize[500] },
-          base: { fontSize: fonts.fontSize[300] },
-          small: { fontSize: fonts.fontSize[100] },
+          xlarge: {
+            fontSize: fonts.fontSize[500],
+            lineHeight: fonts.lineHeight[550],
+          },
+          large: {
+            fontSize: fonts.fontSize[500],
+            lineHeight: fonts.lineHeight[550],
+          },
+          base: {
+            fontSize: fonts.fontSize[300],
+            lineHeight: fonts.lineHeight[500],
+          },
+          small: {
+            fontSize: fonts.fontSize[100],
+            lineHeight: fonts.lineHeight[250],
+          },
         },
         variant: {
           primary: { color: button.colorScheme.root.primary.color },
diff --git a/src/components/Checkbox/Checkbox.tsx b/src/components/Checkbox/Checkbox.tsx
index b1e3b144..9b34b499 100644
--- a/src/components/Checkbox/Checkbox.tsx
+++ b/src/components/Checkbox/Checkbox.tsx
@@ -40,6 +40,7 @@ export interface CheckboxProps
 /**
  * Используется для множественного выбора элементов
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-5316
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24035-64
  */
 export const Checkbox = memo<CheckboxProps>(
   ({
@@ -114,7 +115,7 @@ const styles = StyleSheet.create(({ components, semantic }) => ({
     width: components.checkbox.root.width,
     height: components.checkbox.root.height,
   },
-  background: { ...RNStyleSheet.absoluteFillObject },
+  background: { ...RNStyleSheet.absoluteFill },
   backgroundState: {
     borderRadius: components.checkbox.root.borderRadius,
     borderWidth: components.checkbox.root.extend.borderWidth,
diff --git a/src/components/Chip/Chip.tsx b/src/components/Chip/Chip.tsx
index fffcb528..716c3552 100644
--- a/src/components/Chip/Chip.tsx
+++ b/src/components/Chip/Chip.tsx
@@ -34,6 +34,7 @@ export interface ChipProps extends PressableProps {
  * Компонет Нажимабельного тега с возможностью закрытия
  * Используется для представления массива данных в виде меток
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-5126&t=jMMaE0JO924pG1ga-4
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-14962
  */
 export const Chip = memo<ChipProps>(
   ({
diff --git a/src/components/Dialog/Dialog.tsx b/src/components/Dialog/Dialog.tsx
index fbd34cf6..eedc7aaf 100644
--- a/src/components/Dialog/Dialog.tsx
+++ b/src/components/Dialog/Dialog.tsx
@@ -105,7 +105,7 @@ export const Dialog: React.FC<DialogProps> = ({
 
 const styles = StyleSheet.create({
   container: { flex: 1, justifyContent: 'center', alignItems: 'center' },
-  backdrop: { ...StyleSheet.absoluteFillObject, backgroundColor: 'black' },
+  backdrop: { ...StyleSheet.absoluteFill, backgroundColor: 'black' },
 })
 
 export const DialogTestId = {
diff --git a/src/components/Divider/Divider.tsx b/src/components/Divider/Divider.tsx
index 2cf5964a..33f28e24 100644
--- a/src/components/Divider/Divider.tsx
+++ b/src/components/Divider/Divider.tsx
@@ -52,6 +52,7 @@ export interface DividerProps {
 /**
  * Используется для визуального разделения контента
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-5178
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-379
  */
 export const Divider = memo<DividerProps>(
   ({
diff --git a/src/components/Input/InputGroup.tsx b/src/components/Input/InputGroup.tsx
index 06e3c23b..7775e323 100644
--- a/src/components/Input/InputGroup.tsx
+++ b/src/components/Input/InputGroup.tsx
@@ -28,6 +28,7 @@ export type InputGroupProps = InputGroupBaseProps & InputTextBaseProps
 /**
  * Компонент группы инпута. Позволяет обернуть инпут в группу и добавить кнопки-аддоны слева и справа
  * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-5932&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24037-68
  * @see InputTextBase
  * @see InputGroupAddon
  */
diff --git a/src/components/Input/InputGroupAddon.tsx b/src/components/Input/InputGroupAddon.tsx
index e16c1b8e..60254404 100644
--- a/src/components/Input/InputGroupAddon.tsx
+++ b/src/components/Input/InputGroupAddon.tsx
@@ -19,6 +19,7 @@ export interface InputGroupAddonProps {
 /**
  * Служебный компонент для группировки инпута
  * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-5932&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24037-68
  * @see InputGroup
  */
 export const InputGroupAddon = memo<InputGroupAddonProps>(
diff --git a/src/components/Input/InputText.tsx b/src/components/Input/InputText.tsx
index 5d933304..719a9324 100644
--- a/src/components/Input/InputText.tsx
+++ b/src/components/Input/InputText.tsx
@@ -12,6 +12,7 @@ export interface InputTextProps extends InputTextBaseProps {
 /**
  * Компонент для ввода текста
  * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-5470&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24036-56
  * @see InputTextBase
  * @see InputTextBaseProps
  */
diff --git a/src/components/Input/InputTextBase/InputTextBase.tsx b/src/components/Input/InputTextBase/InputTextBase.tsx
index eccfb823..dba43fd9 100644
--- a/src/components/Input/InputTextBase/InputTextBase.tsx
+++ b/src/components/Input/InputTextBase/InputTextBase.tsx
@@ -53,6 +53,7 @@ interface PrivateInputTextBaseProps {
 /**
  * Базовое поле
  * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-5470&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24036-56
  * @see InputText
  */
 const inputIconUniProps = ({ components }: SvgUniversalTheme) => {
diff --git a/src/components/List/Base/ListBase.stories.tsx b/src/components/List/Base/ListBase.stories.tsx
index 39c2015c..83681162 100644
--- a/src/components/List/Base/ListBase.stories.tsx
+++ b/src/components/List/Base/ListBase.stories.tsx
@@ -52,9 +52,7 @@ const meta: Meta<typeof ListBase> = {
   },
   decorators: [
     (Story) => (
-      <View
-        style={{ padding: 16, alignContent: 'center', alignItems: 'center' }}
-      >
+      <View style={{ padding: 16 }}>
         <Story />
       </View>
     ),
diff --git a/src/components/MenuItem/Template/MenuItemTemplate.tsx b/src/components/MenuItem/Template/MenuItemTemplate.tsx
index f6733949..fdbe57d6 100644
--- a/src/components/MenuItem/Template/MenuItemTemplate.tsx
+++ b/src/components/MenuItem/Template/MenuItemTemplate.tsx
@@ -54,6 +54,7 @@ export interface MenuItemTemplateProps extends ViewProps {
  * Шаблон элемента меню. Содержит максимальное количество компонентов внутри пункта меню и используется как основа для создания пунктов меню любой возможной конфигурации.
  *
  * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=937-6724&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-18237
  */
 export const MenuItemTemplate = memo<MenuItemTemplateProps>(
   ({
diff --git a/src/components/Message/Message.tsx b/src/components/Message/Message.tsx
index 9000650e..4f559992 100644
--- a/src/components/Message/Message.tsx
+++ b/src/components/Message/Message.tsx
@@ -99,6 +99,7 @@ const messageIconColor: Record<
 /**
  * Унифицированный компонент, который используется для отображения информационных сообщений
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=562-2947
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-21934
  */
 export const Message = memo<MessageProps>(
   ({
diff --git a/src/components/ProgressBar/ProgressBar.tsx b/src/components/ProgressBar/ProgressBar.tsx
index de3c6667..b59a30b6 100644
--- a/src/components/ProgressBar/ProgressBar.tsx
+++ b/src/components/ProgressBar/ProgressBar.tsx
@@ -37,6 +37,7 @@ export interface ProgressBarProps extends Pick<ViewProps, 'testID'> {
  * @param style - стилизация компонента ProgressBar
  * @see ProgressBarProps
  * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-5024&m=dev
+ * @link https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-14314
  */
 export const ProgressBar = memo<ProgressBarProps>(
   ({ value: propsValue, showValue = false, style }) => {
diff --git a/src/components/ProgressSpinner/ProgressSpinner.tsx b/src/components/ProgressSpinner/ProgressSpinner.tsx
index 0973a879..72adb2e8 100644
--- a/src/components/ProgressSpinner/ProgressSpinner.tsx
+++ b/src/components/ProgressSpinner/ProgressSpinner.tsx
@@ -34,6 +34,7 @@ export interface ProgressSpinnerProps {
 /**
  * Используется для отображения состояний ожидания в интерфейсе
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=1219-3086
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-15392
  */
 export const ProgressSpinner = memo<ProgressSpinnerProps>(
   ({ size = 'md', fill = 'primary' }) => {
diff --git a/src/components/SelectButton/SelectButton.tsx b/src/components/SelectButton/SelectButton.tsx
index 68f6fff5..3286d3ba 100644
--- a/src/components/SelectButton/SelectButton.tsx
+++ b/src/components/SelectButton/SelectButton.tsx
@@ -266,6 +266,7 @@ const SelectButtonStrict = memo<StrictSelectButtonProps>(
 /**
  * Используется для маркировки элементов интерфейса
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-4921
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24035-56
  */
 export const SelectButton = memo<SelectButtonProps>((props) => (
   <SelectButtonStrict {...normalizeSelectButtonProps(props)} />
diff --git a/src/components/SelectButton/SelectButtonItem.tsx b/src/components/SelectButton/SelectButtonItem.tsx
index 3f7da2d7..60129b2d 100644
--- a/src/components/SelectButton/SelectButtonItem.tsx
+++ b/src/components/SelectButton/SelectButtonItem.tsx
@@ -53,6 +53,7 @@ export interface SelectButtonItemProps extends Pick<
 /**
  * Дочерний элемент компонента SelectButton. Не используется отдельно от SelectButton.
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=481-4393
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24035-56
  */
 export const SelectButtonItem = memo<SelectButtonItemProps>(
   ({
diff --git a/src/components/Skeleton/Skeleton.tsx b/src/components/Skeleton/Skeleton.tsx
index 3e0813d7..fe9036ea 100644
--- a/src/components/Skeleton/Skeleton.tsx
+++ b/src/components/Skeleton/Skeleton.tsx
@@ -16,6 +16,7 @@ interface SkeletonProps extends ViewProps {}
 /**
  * Используется для отображения контента в момент загрузки
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=5241-3731
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-15545
  */
 export const Skeleton = memo<SkeletonProps>(({ style, testID, ...rest }) => {
   const {
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
index 60c4a6cb..6f3f47f3 100644
--- a/src/components/Slider/Slider.tsx
+++ b/src/components/Slider/Slider.tsx
@@ -60,6 +60,7 @@ const clamp = (val: number, min: number, max: number) => {
 /**
  * Используется для указания значения или диапазона значений с помощью ползунка
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-6090&m=dev
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24037-80
  */
 export const Slider = memo<SliderProps>(
   // TODO: refactor component to fix max-statements
diff --git a/src/components/Tabs/TabItem/TabItem.tsx b/src/components/Tabs/TabItem/TabItem.tsx
index 7f65a7c9..58d6ec06 100644
--- a/src/components/Tabs/TabItem/TabItem.tsx
+++ b/src/components/Tabs/TabItem/TabItem.tsx
@@ -32,6 +32,7 @@ export interface TabItemProps {
 
 // Часть навигационного компонента Tabs
 // @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=888-13076&t=hIQjdrqPKK8BWYev-4
+// @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-2196
 //
 export const TabItem = memo<TabItemProps>(
   ({ Icon, label, badge, index, onPress, disabled, active, onLayout }) => {
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
index 9be5a3d3..80a69df0 100644
--- a/src/components/Tabs/Tabs.tsx
+++ b/src/components/Tabs/Tabs.tsx
@@ -34,6 +34,7 @@ export interface TabsProps
 
 // Навигационный компонент Tabs
 // @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=888-13076&t=hIQjdrqPKK8BWYev-4
+// @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-2196
 //
 export const Tabs = memo<TabsProps>(
   ({ items, disabled = false, activeIndex, onChange, testID, ...rest }) => {
diff --git a/src/components/Tag/Tag.tsx b/src/components/Tag/Tag.tsx
index 897a4493..8bd6f913 100644
--- a/src/components/Tag/Tag.tsx
+++ b/src/components/Tag/Tag.tsx
@@ -54,6 +54,7 @@ const tagIconColor: Record<TagSeverity, (t: ComponentTokens) => string> = {
 /**
  * Используется для маркировки элементов интерфейса
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-4921
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24043-13865
  */
 export const Tag = memo<TagProps>(
   ({
diff --git a/src/components/ToggleButton/ToggleButton.tsx b/src/components/ToggleButton/ToggleButton.tsx
index d3ca76c5..33be7f2d 100644
--- a/src/components/ToggleButton/ToggleButton.tsx
+++ b/src/components/ToggleButton/ToggleButton.tsx
@@ -54,6 +54,7 @@ export interface ToggleButtonProps
 /**
  * Используется для выбора нескольких значений с помощью кнопки
  * @see https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=484-4821
+ * @see https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=24035-60
  */
 export const ToggleButton = memo<ToggleButtonProps>(
   ({
diff --git a/src/theme/tokens/components/dark.json b/src/theme/tokens/components/dark.json
index 9b6b1109..0412aaae 100644
--- a/src/theme/tokens/components/dark.json
+++ b/src/theme/tokens/components/dark.json
@@ -156,12 +156,12 @@
     }
   },
   "avatar": {
-    "extend": { "borderColor": "#2b2e33", "circle": { "borderRadius": 1600 } },
+    "extend": { "borderColor": "#56595f", "circle": { "borderRadius": 1600 } },
     "root": {
       "width": 32,
       "height": 32,
       "fontSize": 16,
-      "color": "#ffffff",
+      "color": "#2b2e33",
       "background": "#44e858",
       "borderRadius": 14
     },
@@ -200,7 +200,7 @@
       "info": { "background": "#18538d", "color": "#f0f9ff" },
       "primary": { "background": "#44e858", "color": "#2b2e33" },
       "secondary": { "background": "#2b2e33", "color": "#ffffff" },
-      "success": { "background": "#aafbb7", "color": "#f0fff3" },
+      "success": { "background": "#168322", "color": "#f0fff3" },
       "warn": { "background": "#9d6d0e", "color": "#fff9f0" }
     },
     "root": {
@@ -607,7 +607,7 @@
     "icon": {
       "size": 16,
       "color": "#f0f0f1",
-      "checkedColor": "#2b2e33",
+      "checkedColor": "#ffffff",
       "checkedHoverColor": "#ffffff",
       "disabledColor": "#a2a5a9",
       "sm": { "size": 12 },
@@ -1049,10 +1049,10 @@
   "dialog": {
     "extend": { "borderWidth": 1, "backdrop": "rgba(0, 0, 0, 0.6000)" },
     "root": {
-      "background": "#404348",
+      "background": "#56595f",
       "borderColor": "#404348",
       "color": "#ffffff",
-      "borderRadius": 20,
+      "borderRadius": 1600,
       "shadow": "0 4px 8px rgba(0, 0, 0, 0.2000)"
     },
     "header": {
@@ -1106,7 +1106,7 @@
         "paddingLeft": 0
       }
     },
-    "content": { "background": "#404348", "color": "#a2a5a9" },
+    "content": { "background": "#404348", "color": "#ffffff" },
     "root": { "borderColor": "#404348" }
   },
   "drawer": {
@@ -2387,7 +2387,7 @@
     "tablist": {
       "borderTopWidth": 0,
       "borderRightWidth": 0,
-      "borderBottomWidth": 2,
+      "borderBottomWidth": 1,
       "borderLeftWidth": 0,
       "background": "transparent",
       "borderColor": "#404348"
@@ -2801,21 +2801,21 @@
   "toggleswitch": {
     "colorScheme": {
       "handle": {
-        "background": "#ffffff",
-        "checkedBackground": "#181a1f",
+        "background": "#56595f",
+        "checkedBackground": "#56595f",
         "checkedColor": "#2b2e33",
-        "checkedHoverBackground": "#181a1f",
+        "checkedHoverBackground": "#56595f",
         "checkedHoverColor": "#2b2e33",
         "color": "#2b2e33",
         "disabledBackground": "#85888e",
-        "hoverBackground": "#ffffff",
+        "hoverBackground": "#56595f",
         "hoverColor": "#2b2e33"
       },
       "root": {
         "background": "#6d7076",
-        "checkedBackground": "#f0f0f1",
-        "checkedHoverBackground": "#e2e2e4",
-        "disabledBackground": "#404348",
+        "checkedBackground": "#2b2e33",
+        "checkedHoverBackground": "#404348",
+        "disabledBackground": "#e2e2e4",
         "hoverBackground": "#85888e"
       }
     },
diff --git a/src/theme/tokens/components/light.json b/src/theme/tokens/components/light.json
index 2d6869f0..be686424 100644
--- a/src/theme/tokens/components/light.json
+++ b/src/theme/tokens/components/light.json
@@ -156,7 +156,7 @@
     }
   },
   "avatar": {
-    "extend": { "borderColor": "#ffffff", "circle": { "borderRadius": 1600 } },
+    "extend": { "borderColor": "#cecfd2", "circle": { "borderRadius": 1600 } },
     "root": {
       "width": 32,
       "height": 32,
@@ -1052,7 +1052,7 @@
       "background": "#ffffff",
       "borderColor": "#e2e2e4",
       "color": "#2b2e33",
-      "borderRadius": 20,
+      "borderRadius": 1600,
       "shadow": "0 4px 8px rgba(0, 0, 0, 0.2000)"
     },
     "header": {
@@ -1106,7 +1106,7 @@
         "paddingLeft": 0
       }
     },
-    "content": { "background": "#ffffff", "color": "#85888e" },
+    "content": { "background": "#ffffff", "color": "#2b2e33" },
     "root": { "borderColor": "#e2e2e4" }
   },
   "drawer": {
@@ -2387,7 +2387,7 @@
     "tablist": {
       "borderTopWidth": 0,
       "borderRightWidth": 0,
-      "borderBottomWidth": 2,
+      "borderBottomWidth": 1,
       "borderLeftWidth": 0,
       "background": "transparent",
       "borderColor": "#e2e2e4"