import { StyleSheet } from 'react-native';
import { typography, spacing } from '@theme';

export const getStyles = (colors: any) =>
  StyleSheet.create({
    container: {
      flexDirection: 'row',
      alignItems: 'flex-start',
    },
    iconWrapper: {
      width: 24,
      height: 24,
      borderRadius: 12,
      justifyContent: 'center',
      alignItems: 'center',
      marginRight: spacing.md,
      marginTop: 2,
    },
    pickupBg: {
      backgroundColor: 'rgba(255, 107, 53, 0.1)',
    },
    dropBg: {
      backgroundColor: 'rgba(46, 204, 113, 0.1)',
    },
    textContainer: {
      flex: 1,
    },
    name: {
      fontSize: typography.fontSize.sm,
      fontWeight: typography.fontWeight.semibold,
      color: colors.text,
    },
    address: {
      fontSize: typography.fontSize.xs,
      color: colors.textSecondary,
      marginTop: 2,
    },
  });