import styled from 'styled-components/native';

export const CenterView = styled.View`
  align-items: center;
`;

export const UserData = styled.View`
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
`;

export const EditButton = styled.View`
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex: 1;
`;

export const EnabledStatusDriver = styled.View`
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
`;

export const Actions = styled.View`
  flex: 1;
  border-top-width: 5px;
  border-top-color: ${(props: any) => props.theme.colors.inputChat};
  padding-vertical: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
`;

export const RemoveAccount = styled.TouchableOpacity`
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 24px;
`