import React from "react";
export declare const DocTable: ({ head, rows }: {
    head: string[];
    rows: React.ReactNode[][];
}) => JSX.Element;
export declare const SNIPPET_CTA_PAYLOAD = "window.dataLayer.push({\n  event: \"vt_cta_click\",\n  component_name: \"hero\",\n  component_variant: \"primary\",\n  cta_id: \"contact-sales\",\n  cta_text: \"Contact Sales\",\n  cta_location: \"hero\",\n  cta_destination: \"https://www.varovac.com/en/contact\"   // origin + path only\n});";
export declare const SNIPPET_FORM_PAYLOADS = "window.dataLayer.push({\n  event: \"vt_form_start\",\n  form_id: \"contact-form\",\n  form_name: \"Contact Form\",\n  form_location: \"contact\"\n});\n\nwindow.dataLayer.push({\n  event: \"vt_form_success\",\n  form_id: \"contact-form\",\n  form_name: \"Contact Form\",\n  form_location: \"contact\"\n});";
export declare const SNIPPET_ATTRIBUTES = "<!-- Override what is derived from the markup (all optional) -->\n<a class=\"lsg-button\" href=\"/en/contact.html\"\n   data-analytics-cta-id=\"contact-sales\"\n   data-analytics-location=\"hero\">Contact Sales</a>\n\n<!-- Opt something else in as a CTA, or opt a subtree out -->\n<a class=\"my-link\" href=\"/en/demo.html\" data-analytics-cta>Book a demo</a>\n<div data-analytics-ignore> \u2026 </div>\n\n<!-- Forms -->\n<div class=\"cmp-vtba-form\" data-vtba-form data-analytics-form-type=\"contact\"> \u2026 </div>";
export declare const SNIPPET_REACT = "<LsgBanner\n  heading=\"\u2026\"\n  ctas={[{ label: \"Contact Sales\", href: \"/en/contact\", analytics: { ctaId: \"contact-sales\" } }]}\n/>\n\n<LsgButton href=\"/en/demo\" analytics={{ ctaId: \"book-demo\", location: \"pricing\" }}>\n  Book a demo\n</LsgButton>";
export declare const SNIPPET_MANUAL = "import { trackAnalyticsEvent, VT_ANALYTICS_EVENTS } from \"@asante-org/atlascopco-vt-litesitegenerator\";\n\ntrackAnalyticsEvent(VT_ANALYTICS_EVENTS.formSuccess, {\n  form_id: \"contact-form\",\n  form_name: \"Contact Form\",\n  form_location: \"contact\",\n});";