text: import React from 'react';
  import { HiOutlineInformationCircle } from 'react-icons/hi';
  
  const styles = {
    float: 'left',
    position: 'absolute',
    top: '-15px',
    left: '-18px',
    padding: '7px 0px 0px 6px',
  };
  
  const Infoquote = ({ children }) => (
    <div className="px-8 py-6 mb-6 rounded-lg border-l-4 leading-relaxed dark:text-coolGray-300 relative border-blue-500 bg-blue-500 bg-opacity-10">
      <div
        className="text-center bg-white dark:bg-coolGray-900 rounded-full w-10 h-10 flex items-center justify-center"
        style={styles}
      >
        <HiOutlineInformationCircle className="text-2xl dark:text-blue-500" />
      </div>
      <div className="p-0 m-0">{children}</div>
    </div>
  );
  
  export default Infoquote;
  