import { Animated, StyleSheet } from 'react-native';
import DefaultDatePicker from 'react-native-datepicker';
import styled from 'styled-components/native';
import { InputStatus } from '../../enums';
import { getTheme, switchStyle } from '../../utils/helpers';
const getStatusStyle = switchStyle('status');
const brandContrast = getTheme('brand.primary.contrast');
const brandPrimary = getTheme('brand.primary.main');
const disabled = getTheme('brand.primary.light');
const successMain = getTheme('success.main');
const dangerMain = getTheme('danger.main');
const mediumSpacing = getTheme('spacing.md');
const inputMainColor = (props) => getStatusStyle({
    [InputStatus.Success]: successMain,
    [InputStatus.Danger]: dangerMain,
    [InputStatus.Default]: props.dark ? brandPrimary : brandContrast,
    [InputStatus.Disabled]: `${disabled}60`,
});
export const LABEL_UPPER_STYLE = {
    top: 8,
    fontSize: 14,
};
export const LABEL_LOWER_STYLE = {
    top: 40,
    fontSize: 18,
};
export const TextLabel = styled.Text `
  line-height: 19px;
  padding-bottom: ${mediumSpacing}px;
  color: ${(props) => props.dark ? `${brandPrimary(props)}` : `${brandContrast(props)}`};
`;
export const Label = Animated.createAnimatedComponent(TextLabel);
export const DatePicker = styled(DefaultDatePicker) `
  width: 100%;
`;
export const BottomLine = styled.View `
  height: ${StyleSheet.hairlineWidth}px;
  background-color: ${inputMainColor};
`;
const commonDatePickerStyles = {
    disabled: {
        backgroundColor: 'transparent',
    },
    dateInput: {
        borderWidth: 0,
    },
    dateTouchBody: {
        width: '100%',
    },
};
export const DatePickerStyles = {
    ...commonDatePickerStyles,
    placeholderText: {
        position: 'absolute',
        left: 0,
        color: '#fff',
        fontSize: LABEL_LOWER_STYLE.fontSize,
    },
    dateText: {
        position: 'absolute',
        left: 0,
        color: '#fff',
        fontSize: LABEL_UPPER_STYLE.fontSize,
        fontWeight: '700',
    },
};
export const DatePickerStylesDark = {
    ...commonDatePickerStyles,
    placeholderText: {
        position: 'absolute',
        left: 0,
        color: '#000',
        fontSize: LABEL_LOWER_STYLE.fontSize,
    },
    dateText: {
        position: 'absolute',
        left: 0,
        color: '#000',
        fontSize: LABEL_UPPER_STYLE.fontSize,
        fontWeight: '700',
    },
};
//# sourceMappingURL=styles.js.map