import { mxSetup } from 'data/dataMx';
import styled from 'styled-components/native';

const { mediaQuery: { desktop } } = mxSetup;

interface IWrapperButton {
  manageMargin: string;
}

interface IContainer{
  background: string;
}

export const Container = styled.View`
  align-items: center;
  background-color: ${({background}:IContainer) => background};
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
`;

export const WrapperContent = styled.View`
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-around;
  text-align: center;
  width: 100%;
`;

export const WapperText = styled.View`
`;

export const WrapperBtn = styled.View`
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  margin-top: ${({ manageMargin }: IWrapperButton) => manageMargin};
`;