import styled from "styled-components/native";

interface IItemContainerStyleProps {
  heightItemContainer: string;
  itemSeparation: string;
  numberOfColumns: number;
  widthItemContainer: string;
}

interface ISectionListStyleProps {
  listHeight: string;
  listWidth: string;
}

export const ItemContainer = styled.View`
	padding: ${({ itemSeparation }: IItemContainerStyleProps) => itemSeparation};
	height: ${({ heightItemContainer }: IItemContainerStyleProps) =>
    heightItemContainer};
	width: ${({ widthItemContainer }: IItemContainerStyleProps) =>
    widthItemContainer};
`;

export const List = styled.SectionList`
	height: ${({ listHeight }: ISectionListStyleProps) => listHeight};
	width: ${({ listWidth }: ISectionListStyleProps) => listWidth};
`;
