diff --git a/packages/components/src/sidebar/sidebar.tsx b/packages/components/src/sidebar/sidebar.tsx index 83001059..fe6b5798 100644 --- a/packages/components/src/sidebar/sidebar.tsx +++ b/packages/components/src/sidebar/sidebar.tsx @@ -1,78 +1,13 @@ -import { setupReactNative, Stack, styled, Text } from '@tamagui/core' -// import { focusableInputHOC } from '@tamagui/focusable' -import { TextInput } from 'react-native' +import { Stack, styled, Text } from '@tamagui/core' import { Avatar } from '../avatar' import { Button } from '../button' import { Image } from '../image' -import type { GetProps } from '@tamagui/core' - -// import { inputSizeVariant } from '../helpers/inputHelpers' - -setupReactNative({ - TextInput, -}) - -export const InputFrame = styled( - TextInput, - { - tag: 'input', - name: 'Input', - // fontFamily: '$body', - borderWidth: 1, - outlineWidth: 0, - borderColor: 'rgba(0, 200, 0, 1)', - - paddingHorizontal: 30, - color: 'hsla(218, 51%, 7%, 1)', - placeholderTextColor: 'hsla(219, 17%, 69%, 1)', - // color: 'red', - // color: '$color', - // focusable: true, - // borderColor: '$borderColor', - // backgroundColor: '$background', - // placeholderTextColor: '$placeholderColor', - - backgroundColor: 'rgb(255, 255, 255)', - - height: 40, - borderRadius: 12, - - // this fixes a flex bug where it overflows container - minWidth: 0, - - // hoverStyle: { - // borderColor: '$borderColorHover', - // },/ - - // focusStyle: { - // // borderColor: '$borderColorFocus', - // borderWidth: 2, - // marginHorizontal: -1, - // }, - - // variants: { - // size: { - // // '...size': inputSizeVariant, - // }, - // } as const, - - // defaultVariants: { - // size: '$true', - // }, - } - // { - // isInput: true, - // } -) - const Name = styled(Text, {}) const Desc = styled(Text, {}) -export type InputProps = GetProps - interface Props { name: string description: string @@ -113,5 +48,4 @@ const _Sidebar = (props: Props) => { ) } -// export const Input = focusableInputHOC(InputFrame) export const Sidebar = _Sidebar