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

const {
  mediaQuery: { desktop },
} = mxSetup;

interface IWrapperButton {
  manageMargin: string;
}

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};
`;

export const ModalContainer = styled.Modal``;

export const ModalInnerBackground = styled.View`
  flex: 1;
  background-color: rgba(20, 20, 20, 0.5);
`;
