import styled from "styled-components/native";
import { colors } from 'data/dataMx';

interface IStylesProps {
    itemWidth: string;
    borderRadius?: string;
    manageMargin?: string;
    bgColor: colors;
  }

export const SlideshowItemWrapper = styled.View`
    minWidth: ${({itemWidth}: IStylesProps) => itemWidth};
    display: flex;
    flex-direction: row;
    border-radius: ${({borderRadius}: IStylesProps) => borderRadius};;
    margin: ${({manageMargin}: IStylesProps) => manageMargin};
    touch-action: pan-y;
    background-color: ${({ bgColor }: IStylesProps) => bgColor};
`