import { StyleSheet } from 'react-native';
import { grid } from '../../utils/grid';
import { scaleHorizontal, scaleFontSize } from '../../utils/Utils';

export const getStyles = () => {
    return StyleSheet.create({
        container: {
            position: 'absolute',
            alignItems: 'center',
            justifyContent: 'center',
            padding: scaleHorizontal(2),
        },
        selectedContainer: {
            borderWidth: 2,
            borderColor: grid.colors.border,
        },
        text: {
            textAlign: 'center',
            fontSize: scaleFontSize(10),
            color: grid.colors.text,
        },
        closeText: {
            fontSize: scaleFontSize(10),
            color: grid.colors.text_inverted,
        },
    });
};