import React from 'react'
import { CCallout } from '@coreui/react'

export const CalloutExample = () => {
  return (
    <>
      <CCallout color="primary">
        New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology,
        guidelines, and code snippets.
      </CCallout>
      <CCallout color="secondary">
        New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology,
        guidelines, and code snippets.
      </CCallout>
      <CCallout color="success">
        New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology,
        guidelines, and code snippets.
      </CCallout>
      <CCallout color="danger">
        New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology,
        guidelines, and code snippets.
      </CCallout>
      <CCallout color="warning">
        New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology,
        guidelines, and code snippets.
      </CCallout>
      <CCallout color="info">
        New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology,
        guidelines, and code snippets.
      </CCallout>
      <CCallout color="light">
        New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology,
        guidelines, and code snippets.
      </CCallout>
      <CCallout color="dark">
        New to or unfamiliar with flexbox? Read this CSS Tricks flexbox guide for background, terminology,
        guidelines, and code snippets.
      </CCallout>
    </>
  )
}
