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

interface IContainerProps {
  size: string;
}

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

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

export const TimeSpan = styled.span`
  color: ${theme.neutral700};
  font-family: ${({ font }: ITextStyleProps) => font};
  font-size: ${({ fontSize }: ITextStyleProps) => fontSize};
`;
