const CardLayout: React.FC = () => {
  return (
    <div style={{ display: 'grid', gap: 16, gridTemplateColumns: '1fr 1fr' }}>
      {['A', 'B', 'C', 'D'].map((item) => (
        <div
          key={item}
          style={{
            padding: 16,
            borderRadius: 8,
            background: '#e3f2fd',
            boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
          }}
        >
          <h3>Item {item}</h3>
          <p>Visuelle Darstellung</p>
        </div>
      ))}
    </div>
  );
};

export default CardLayout;
