text: import React from 'react';
  import '../style.css'
  import { Row, Container, Col } from 'react-bootstrap/';
  import Sports from "./Sports"
  import LatestNews from "./LatestNews"
  import Entertainment from "./Entertainment"
  
  
  const Showcase = ({ news }) => {
  
  
    return (
      <Container className ="showcaseCon">
      <Row>
        <Col sm={12} md={4} lg={4} className = "trending">
  <Sports />
        </Col>
        <Col sm={12} md={4} lg={4}  className = "headline">
  <LatestNews />
        </Col>
        <Col sm={12} md={4} lg={4}  className = "latest">
  <Entertainment />
        </Col>
        
      </Row>
     
    </Container>
    );
  };
  
  export default Showcase;
  