import { SwipeableRow, SwipeAction } from '~/components/ui/swipeable-row';
import { Text } from 'react-native';

export function SwipeableRowExample() {
  return (
    <SwipeableRow
      rightActions={
        <SwipeAction
          onPress={() => console.log('Deleted')}
          className="bg-destructive"
        >
          <Text className="text-sm font-medium text-destructive-foreground">
            Delete
          </Text>
        </SwipeAction>
      }
      rightActionWidth={80}
      onSwipeLeft={() => console.log('Full swipe left')}
    >
      <Text className="bg-background px-4 py-3 text-foreground">
        Swipe me left to reveal actions
      </Text>
    </SwipeableRow>
  );
}