import { moderateScale } from 'react-native-size-matters';
import styled from 'styled-components/native';
import { getShadow, getTheme } from '../../utils/helpers';
import TextInput from '../TextInput';
const brandSecondary = getTheme('brand.secondary.main');
const largeSpacing = getTheme('spacing.xl');
const largeRadius = getTheme('borderRadius.xl');
const wrapperHeight = moderateScale(56);
export const Wrapper = styled.View `
  flex-direction: row;
  flex: 1;
  height: ${({ height }) => (!!height && `${height}px`) || `${wrapperHeight}px`};
  align-items: center;
  justify-content: center;
  padding-horizontal: ${({ inputPadding }) => (!!inputPadding && inputPadding) || largeSpacing}px;
  border-radius: ${largeRadius}px;
  ${({ hasShadow }) => (hasShadow ? getShadow() : {})}
`;
export const Input = styled(TextInput).attrs((props) => ({
    iconColor: `${props.iconColor || brandSecondary}`,
    iconTouchableEnabled: true,
    iconSize: props.iconSize || moderateScale(26),
})) `
  width: 100%;
  padding: 0;
  height: ${({ inputHeight }) => (!!inputHeight && inputHeight) || '90%'};
`;
//# sourceMappingURL=styles.js.map