Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫
Something went wrong. Try again.
1.5 kB · 46 lines
TSX
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647import {Children, cloneElement, Fragment, isValidElement} from 'react'import {View} from 'react-native'
import {atoms, useTheme} from '#/alf'
/** * NOT FINISHED, just here as a reference */export function InputGroup(props: React.PropsWithChildren<{}>) { const t = useTheme() const children = Children.toArray(props.children) const total = children.length return ( <View style={[atoms.w_full]}> {children.map((child, i) => { return isValidElement(child) ? ( <Fragment key={i}> {i > 0 ? ( <View style={[atoms.border_b, {borderColor: t.palette.contrast_500}]} /> ) : null} {cloneElement(child, { // @ts-ignore style: [ // @ts-ignore ...(Array.isArray(child.props?.style) ? // @ts-ignore child.props.style : // @ts-ignore [child.props.style || {}]), { borderTopLeftRadius: i > 0 ? 0 : undefined, borderTopRightRadius: i > 0 ? 0 : undefined, borderBottomLeftRadius: i < total - 1 ? 0 : undefined, borderBottomRightRadius: i < total - 1 ? 0 : undefined, borderBottomWidth: i < total - 1 ? 0 : undefined, }, ], })} </Fragment> ) : null })} </View> )}