How to use the semantic-ui-react.Grid.Column function in semantic-ui-react

<header>
            
            {SITE_NAME} in Action
          </header>
        
      
    

    
      {/* Desktop */}
      
        
      

      {/* Mobile */}

 
                    <img src="/img/objects/velocity/sports-car.gif">
                    <img src="/img/objects/velocity/airplane.gif">
                    <img src="/img/objects/velocity/tachometer.gif">
                    <img src="/img/objects/velocity/race-car.gif">
                    <img src="/img/objects/velocity/rocket.gif">
                    &nbsp;
                  
                
              
              
                
                  
                    <img src="/img/objects/velocity/bicycle.gif">
                    <img src="/img/objects/velocity/running-shoes.gif">
                    <img src="/img/objects/velocity/slingshot.gif">
                    <img src="/img/objects/velocity/train.gif">
                    <img src="/img/objects/velocity/baseball-mitt.gif">
                  
                
              
            
          

          <br>

          <p></p>

{item.label}
            ))}
          
            <button>
          
        
        
          
            {items.map((item, idx) =&gt;
              ( handleMenuClick(e, { name: item.label })}
              /&gt;))}
          
        </button>

<label>Response type</label>
                        {this.renderResponseTypeDropdown()}
                    
                    
                        <label>Delay</label>
                        <input type="number" placeholder="Delay" value="{routeObject.delay}">
                    
                
                
                    
                        <label>Headers</label>
                        
                    
                
                
                    
                        <label>Response object</label>

Link
                
                Link
                Link
                Link
                Link
                Link
                Link
                Link
                Link
                Link
                Link
                Link
                Link
              
              
                
                  <button size="tiny" color="blue">
                    Toggle nav
                  </button>
                  <header size="huge">
                    Hello, world!
                  </header>
                  <p>
                    This is a simple example to show the off-canvas layout
                    pattern in Semantic-UI, click the green button to see
                    off-canvas left sidebar coming in and out of the page, and</p>

interface IIntroDialog {
  open: boolean;
  onCreateProject: (name: string) => void;
  openProject: () => void;
  recentProjects: IRecentProject[];
  onRecentProjectDelete: (path: string) => void;
  onProjectClick: (path: string) => void;
}

const Logo = styled.img`
  height: 40px !important;
  width: 183px !important;
  margin-bottom: 9px;
`;

const RecentProjectColumn = styled(Grid.Column)`
  border-left: 1px solid #ececec;
`;

const LogoHeader = styled(Header)`
  width: 100%;
  text-align: center;
`;

function IntroDialog({
  open,
  recentProjects,
  openProject,
  onCreateProject,
  onRecentProjectDelete,
  onProjectClick
}: IIntroDialog) {

import React from "react"
import PropTypes from "prop-types"
import { Grid } from "semantic-ui-react"
import styled from "styled-components"
import IconButton from "../IconButton"
import rem from "../../../utils/style-helper"

const Wrapper = styled.div`
  margin-top: 12%;
  padding-right: ${rem(6)};
`
const StyledColumn = styled(Grid.Column)`
  padding: 0 !important;
`
const IconButtonSet = ({ buttonList, size }) => (
  
    
      
        {buttonList.map(b => (
          
            
              {b.label}
            
          
        ))}

render() {
    const { activeItem } = this.state;

    return (
      
        
          
            
            {activeItem === 'phone' && }
            {activeItem === 'user' && }