import React, { useRef } from 'react'; import { FormattedMessage } from 'react-intl'; import Button from 'components/common/Button'; import FormLayout, { FormButtons, FormRow } from 'components/layout/FormLayout'; import CopyButton from '../common/CopyButton'; export default function TrackingCodeForm({ values, onClose }) { const ref = useRef(); return (

', target: {values.name} }} />

{/* Run `npm run build-snippet, and copy paste here the content of public/snippet.js */} {/* TODO: use webpack importing function to import the content of the file here ? */}

      </FormRow>
      <FormButtons>
        <CopyButton type="submit" variant="action" element={ref} />
        <Button onClick={onClose}>
          <FormattedMessage id="button.cancel" defaultMessage="Cancel" />
        </Button>
      </FormButtons>
    </FormLayout>
  );
}