Massive/AppInput.tsx

27 lines
649 B
TypeScript
Raw Normal View History

2023-06-27 03:16:59 +00:00
import React, { ComponentProps, Ref } from 'react'
import { TextInput } from 'react-native-paper'
import { CombinedDefaultTheme } from './App'
import { MARGIN } from './constants'
2022-10-31 04:22:08 +00:00
import useDark from './use-dark'
2022-08-26 01:54:51 +00:00
2022-12-30 06:39:20 +00:00
function AppInput(
props: Partial<ComponentProps<typeof TextInput>> & {
2022-10-31 04:22:08 +00:00
innerRef?: Ref<any>
2022-08-26 01:54:51 +00:00
},
) {
2022-10-31 04:22:08 +00:00
const dark = useDark()
2022-08-26 01:54:51 +00:00
return (
<TextInput
selectionColor={dark ? '#2A2A2A' : CombinedDefaultTheme.colors.border}
2023-06-27 03:16:59 +00:00
style={{ marginBottom: MARGIN, minWidth: 100 }}
2022-08-26 01:54:51 +00:00
selectTextOnFocus
ref={props.innerRef}
blurOnSubmit={false}
2022-08-26 01:54:51 +00:00
{...props}
/>
2022-10-31 04:22:08 +00:00
)
2022-08-26 01:54:51 +00:00
}
2022-12-30 06:39:20 +00:00
export default React.memo(AppInput)