import { CSSObject } from 'styled-components';
import styled from 'styled-components/native';

interface IStylesProps {
  styles?: CSSObject;
}

export const ButtonBadgeContainer = styled.TouchableOpacity`
  flex-direction: column;
  align-items: center;
  ${({ styles }: IStylesProps) => styles}
`;

export const SealImageContainer = styled.View`
  position: relative;
  align-items: center;
`;

export const Separator = styled.View`
  margin-bottom: 10px;
`;

export const TextContainer = styled.View`
  width: 66px;
`;