import styled from "styled-components/native";

interface IStyleProps {
  hasTag: boolean;
  hasDate: boolean;
}

export const Container = styled.View`
  display:flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
`;

export const IconContainer = styled.View`
  display:flex;
  align-items: center;
  flex-direction: row;
`;

export const LeftContainer = styled.View`
  display:flex;
  max-width: 60%;
  flex-direction: column;
  justify-content: center;
`;

export const RightContainer = styled.View`
  display: flex;
  flex-direction: row;
`;

export const ArrowContainer = styled.View`
  align-self: center;
`;

export const DateContainer = styled.View`
  display: flex;
  flex-direction: column;
  align-items: ${({ hasTag }: IStyleProps) => (hasTag ? "center" : "flex-end")};
  justify-content: ${({ hasDate }: IStyleProps) =>
    hasDate ? "flex-start" : "center"};
`;
