import { theme } from "data/dataMx";
import { Platform } from "react-native";
import styled from "styled-components/native";
interface IContainerProps {
  size: string;
}

interface ITextStyleProps {
  fontSize: string;
  font: string;
  fontWeight: number;
}

export const Container = styled.View`
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: auto;
  height: ${({ size }: IContainerProps) => size};
  width: ${({ size }: IContainerProps) => size};
`;

export const TimeSpan = styled.Text`
  color: ${theme.neutral700};
  font-family: ${({ font }: ITextStyleProps) => font};
  font-size: ${({ fontSize }: ITextStyleProps) => fontSize};
  ${({ fontWeight }: ITextStyleProps) => {
    if (Platform.OS == "ios") {
      return { fontWeight };
    }
  }}
`;
