import React from 'react'

const WarningBlock = ({content}) => {
  return (
        <div className="col-12 my-1">
            <div className="d-flex align-items-center gap-2 p-3 rounded bg-warning bg-opacity-10 border border-warning-subtle text-start align-item-start">
              <i className="bx bx-info-circle text-warning fs-5"></i>
              <p className="mb-0  small">
              {content}
              </p>
            </div>
          </div>
  )
}

export default WarningBlock