feat: add button figma

Author: hangnguyensaigontech

code-connect/components/Button.figma.tsx

@@ -0,0 +1,58 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import {Button, ButtonPrimary, ButtonSecondary, ButtonOutline, ButtonTransparent} from 'rn-base-component'
+
+const BUTTON_FIGMA_URL = '<FIGMA_BUTTON>'
+const buttonProps = {
+  disabled: figma.enum('state', {
+    disabled: true,
+  }),
+  leftIcon: figma.boolean('leading_icon', {
+    true: figma.boolean('is_icon_only', {
+      true: undefined,
+      false: figma.instance('leading_icon_swap'),
+    }),
+    false: undefined,
+  }),
+  rightIcon: figma.boolean('trailing_icon', {
+    true: figma.boolean('is_icon_only', {
+      true: undefined,
+      false: figma.instance('trailing_icon_swap'),
+    }),
+    false: undefined,
+  }),
+  children: figma.boolean('is_icon_only', {
+    true: figma.instance('icon_swap'),
+    false: figma.string('button_text'),
+  }),
+}
+
+figma.connect(ButtonPrimary, BUTTON_FIGMA_URL, {
+  variant: {type: 'contained', hierarchy: 'primary'},
+  props: buttonProps,
+  example: props => <ButtonPrimary {...props} />,
+})
+
+figma.connect(ButtonSecondary, BUTTON_FIGMA_URL, {
+  variant: {type: 'contained', hierarchy: 'tertiary'},
+  props: buttonProps,
+  example: props => <ButtonSecondary {...props} />,
+})
+
+figma.connect(ButtonOutline, BUTTON_FIGMA_URL, {
+  variant: {type: 'outlined'},
+  props: buttonProps,
+  example: props => <ButtonOutline {...props} />,
+})
+
+figma.connect(ButtonTransparent, BUTTON_FIGMA_URL, {
+  variant: {type: 'ghost'},
+  props: buttonProps,
+  example: props => <ButtonTransparent {...props} />,
+})
+
+figma.connect(Button, BUTTON_FIGMA_URL, {
+  variant: {type: 'link'},
+  props: buttonProps,
+  example: props => <Button {...props} />,
+})