import styled from "styled-components/native";
import { colors, theme } from "data/dataMx";

interface IStylesProps {
  color?: colors;
  size?: number;
  transparent?: boolean;
}

export const LoadingContainer = styled.View`
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    justify-content:  center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: ${({ transparent }: IStylesProps) =>
      transparent == true ? theme.transparent : "rgba(20, 20, 20, 0.5)"};
`;
