import styled, { css } from 'styled-components/native'

export const AddressListContainer = styled.View`
    flex: 1;
    margin-vertical: 20px;
`

export const AddressItem = styled.TouchableOpacity`
    padding: 20px 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    ${(props: any) => props.isSelected && css`
        background-color: #F7F7F7;
    `};
	 border-bottom-width: 1px;
	 border-bottom-color: ${(props: any) => props.theme.colors.border};
`

export const ContainerButtons = styled.View`
    margin-vertical: 50px
`