How to use the @alicloud/console-components.Grid.Col function in @alicloud/console-components

import React from 'react'
import styled from 'styled-components'
import { Grid } from '@alicloud/console-components'

const ActionBarPropsFilter = ({ afterIntersectChanged, ...restProps }) => {
  return 
}

export const SActionBarWrapper = styled(ActionBarPropsFilter)`
  height: 40px;
  justify-content: space-between;
`

export const SActionBarLeft = styled(Grid.Col)`
  flex: 0 1 auto;

  > * {
    display: inline-block;
    margin-right: 8px;
  }
`

export const SActionBarRight = styled(Grid.Col)`
  flex: 0 1 auto;

  > * {
    margin-right: 0;
    margin-left: 8px;
  }
`

export const SActionBarWrapper = styled(ActionBarPropsFilter)`
  height: 40px;
  justify-content: space-between;
`

export const SActionBarLeft = styled(Grid.Col)`
  flex: 0 1 auto;

  > * {
    display: inline-block;
    margin-right: 8px;
  }
`

export const SActionBarRight = styled(Grid.Col)`
  flex: 0 1 auto;

  > * {
    margin-right: 0;
    margin-left: 8px;
  }
`

export const SFixedBarWrapper = styled.div`
  position: sticky;
  display: block;
  background: #fff;
  width: 100%;
  left: 0;

  &.fixed-to-top {