/* eslint-disable no-unused-vars */
import styled from "styled-components";
import React from "react";

const GPSbody = styled.div`
  background-color: #deb1af;
  border-radius: 5px;
  color: #a03743;
  font-size: 14px;
  height: 83px;
`;

const Details = styled.p`
  color: #a04743;
  width: 70%;
  span {
    display: block;
  }
`;

const GPS = (props) => {
  return (
    <GPSbody className="flex justify-evenly items-center">
      <img src="images/alert.png" alt="" />
      <Details>
        Your GPS location is off!<span>Please turn it on to use FASTA</span>
      </Details>
    </GPSbody>
  );
};

export default GPS;
