import React from 'react';
import Card from '@digigov/ui/content/Card';
import { Stack } from '@digigov/ui/layouts/Stack';

export const NoWrap = (_: any) => {
  return (
    <Stack spacing={4} direction="row" flexWrap="nowrap">
      <Card variant="border"> Longer Item 1 </Card>
      <Card variant="border"> Longer Item 2 </Card>
      <Card variant="border"> Longer Item 3 </Card>
      <Card variant="border"> Longer Item 4 </Card>
      <Card variant="border"> Longer Item 5 </Card>
      <Card variant="border"> Longer Item 6 </Card>
    </Stack>
  );
};
export default NoWrap;
