2026-07-16 18:26:01 +05:30

30 lines
630 B
TypeScript

import { StyleSheet } from 'react-native';
import { ThemeColors } from '../../theme';
export const getStyles = (colors: ThemeColors) =>
StyleSheet.create({
container: {
flexDirection: 'row',
alignItems: 'center',
backgroundColor: colors.surface,
borderWidth: 1,
borderColor: colors.border,
borderRadius: 12,
paddingHorizontal: 12,
height: 48,
},
searchIcon: {
marginRight: 8,
},
input: {
flex: 1,
fontSize: 15,
color: colors.text,
paddingVertical: 0,
},
clearButton: {
marginLeft: 8,
padding: 2,
},
});