Responsive Values

import { responsive } from 'rn-responsive';

const ResponsiveGrid = () => {
  // Define values for each breakpoint directly
  const columns = responsive({
    mobile: 1,
    tablet: 2,
    desktop: 4
  });

  const spacing = responsive({
    mobile: 16,
    desktop: 32
  });

  return (
    <Grid
      numColumns={columns}
      gap={spacing}
    >
      {/* Items will reflow automatically */}
    </Grid>
  );
};