import styled from 'styled-components/native';
import {Camera} from 'react-native-vision-camera';
import {
  heightPercentageToDP as hp,
  widthPercentageToDP as wp,
} from 'react-native-responsive-screen';

export const Container = styled.View`
  flex: 1;
  background-color: #000;
  opacity: 0.5;
`;

export const CameraContainer = styled.View`
  flex: 1;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
`;
export const CameraView = styled(Camera)`
  height: 250px;
  width: 250px;
`;

export const CrossIcon = styled.TouchableOpacity`
  position: absolute;
  top: ${hp(90)}px;
  left: ${wp(43)}px;
`;