TapDialog

function TapDialog(__namedParameters): 
  | ReactElement<unknown, string | JSXElementConstructor<any>>
  | null;

import { TapButton, TapDialog } from '@tappify/extension-sdk';
import { useState } from 'react';

function ExportDialog() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <TapButton onClick={() => setOpen(true)}>Export</TapButton>
      <TapDialog
        open={open}
        title="Export keywords"
        onClose={() => setOpen(false)}
        footer={<TapButton onClick={() => setOpen(false)}>Done</TapButton>}
      >
        <span>The report covers the range in the filter bar.</span>
      </TapDialog>
    </>
  );
}