import styled from "styled-components/native";

export interface IStylesProps {
  cardPadding: string;
}

export const CardWrapper = styled.View`
  width: 100%;
  padding: ${({ cardPadding }: IStylesProps) => cardPadding};
`;

export const CardBody = styled.View`
  padding: 15px 32px 24px;
`;

export const TitleSection = styled.View`
  padding: 5px;
  justify-content: center;
  align-items: center;
`;

export const CaptionContainer = styled.View`
  margin-top: 15px;
  margin-bottom: 15px;
  justify-content: center;
  align-items: center;
  text-align: center;
`;

export const AcceptedFormatContainer = styled.View`

`;

export const UploadButtonContainer = styled.View`
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
`;

export const AlertsContainer = styled.View`
  display: flex;
  align-content:center;
  justify-content: center;
  align-items: center;
  text-align: center;
`;