ProCallout.jsx 870 B

123456789101112131415161718
  1. import { Callout } from 'nextra/components'
  2. export default function ProCallout() {
  3. return (
  4. <a href="https://webserial.pro" target="_blank">
  5. <Callout type="info" emoji={<img src="/assets/images/pro-badge.gif" className='block' alt="" width={48} />}>
  6. <div className='flex flex-row items-center gap-2'>
  7. <span>
  8. This feature is only available in WebSerial Pro
  9. </span>
  10. <span className='block mb-1'>
  11. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-external-link"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg>
  12. </span>
  13. </div>
  14. </Callout>
  15. </a>
  16. )
  17. }