<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* ui-tooltips.html.twig */
class __TwigTemplate_a55a89a190597448bde6937a03b096d2 extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'css' => [$this, 'block_css'],
            'pagetitle' => [$this, 'block_pagetitle'],
            'body' => [$this, 'block_body'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "partials/layout-vertical.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "ui-tooltips.html.twig"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "ui-tooltips.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "ui-tooltips.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    public function block_title($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 5
    public function block_css($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 7
    public function block_pagetitle($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        // line 8
        echo "    ";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Base UI", "page_title" => "Tooltips"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 11
    public function block_body($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        // line 12
        echo "\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Examples</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Hover over the links below to see tooltips.</p>

\t\t\t\t\t<p class=\"muted mb-0\">
\t\t\t\t\t\tTight pants next level keffiyeh
\t\t\t\t\t\t<a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"Default tooltip\">you probably</a>
\t\t\t\t\t\thaven't heard
\t\t\t\t\t\t                                        of them. Photo booth beard raw denim letterpress vegan messenger bag
\t\t\t\t\t\t                                        stumptown. Farm-to-table Photo booth beard seitan, mcsweeney's fixie sustainable quinoa
\t\t\t\t\t\t                                        8-bit american apparel
\t\t\t\t\t\t<a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"Another tooltip\">have a</a>
\t\t\t\t\t\tterry richardson
\t\t\t\t\t\t                                        vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats.
\t\t\t\t\t\t                                        Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan
\t\t\t\t\t\t                                        chambray. A really ironic artisan
\t\t\t\t\t\t<a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"Another one here too\">whatever
\t\t\t\t\t\t</a>
\t\t\t\t\t\tkeytar, scenester farm-to-table banksy Austin
\t\t\t\t\t\t<a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"The last tip!\">twitter handle</a>
\t\t\t\t\t\tfreegan cred
\t\t\t\t\t\t                                        raw denim single-origin coffee viral.
\t\t\t\t\t</p>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Disabled elements</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Elements with the
\t\t\t\t\t\t<code>disabled</code>
\t\t\t\t\t\tattribute
\t\t\t\t\t\t                                        aren’t interactive, meaning users cannot focus, hover, or click them to trigger
\t\t\t\t\t\t                                        a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from
\t\t\t\t\t\t                                        a wrapper
\t\t\t\t\t\t<code>&lt;div&gt;</code>
\t\t\t\t\t\tor
\t\t\t\t\t\t<code>&lt;span&gt;</code>, ideally made
\t\t\t\t\t\t\t                                        keyboard-focusable using
\t\t\t\t\t\t<code>tabindex=\"0\"</code>, and override the
\t\t\t\t\t\t<code>pointer-events</code>
\t\t\t\t\t\ton the disabled element.
\t\t\t\t\t</p>

\t\t\t\t\t<div>
\t\t\t\t\t\t<span class=\"d-inline-block\" tabindex=\"0\" data-bs-toggle=\"tooltip\" data-bs-title=\"Disabled tooltip\">
\t\t\t\t\t\t\t<button class=\"btn btn-primary pe-none\" type=\"button\" disabled>Disabled button</button>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Four Directions</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Hover over the buttons below to see the four tooltips
\t\t\t\t\t\t                                        directions: top, right, bottom, and left.</p>

\t\t\t\t\t<div class=\"d-flex flex-wrap gap-2\">
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Tooltip on top\">Tooltip on top</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" data-bs-title=\"Tooltip on bottom\">Tooltip on bottom</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"left\" data-bs-title=\"Tooltip on left\">Tooltip on left</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"right\" data-bs-title=\"Tooltip on right\">Tooltip on right</button>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">HTML Tags</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">And with custom HTML added:</p>

\t\t\t\t\t<button type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-html=\"true\" data-bs-title=\"<em>Tooltip</em> <u>with</u> <b>HTML</b>\">
\t\t\t\t\t\tTooltip with HTML
\t\t\t\t\t</button>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Color Tooltips</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">We set a custom class with ex.
\t\t\t\t\t\t<code>data-bs-custom-class=\"primary-tooltip\"</code>
\t\t\t\t\t\tto scope our background-color primary appearance and use
\t\t\t\t\t\t                                        it to override a local CSS
\t\t\t\t\t\t                                        variable.</p>

\t\t\t\t\t<div class=\"d-flex flex-wrap gap-2\">
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"primary-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tPrimary tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-danger\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"danger-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tDanger tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"info-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tInfo tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-success\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"success-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tSuccess tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-pink\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"pink-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tPink tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-purple\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"purple-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tPurple tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->
\t</div>
\t<!-- end row -->
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "ui-tooltips.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  130 => 12,  120 => 11,  107 => 8,  97 => 7,  79 => 5,  61 => 3,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{% extends 'partials/layout-vertical.html.twig' %}

{% block title %}{% endblock %}

{% block css %}{% endblock %}

{% block pagetitle %}
    {{ include('partials/page-title.html.twig', { sub_title: 'Base UI', page_title: 'Tooltips'}) }}
{% endblock %}

{% block body %}
\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Examples</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Hover over the links below to see tooltips.</p>

\t\t\t\t\t<p class=\"muted mb-0\">
\t\t\t\t\t\tTight pants next level keffiyeh
\t\t\t\t\t\t<a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"Default tooltip\">you probably</a>
\t\t\t\t\t\thaven't heard
\t\t\t\t\t\t                                        of them. Photo booth beard raw denim letterpress vegan messenger bag
\t\t\t\t\t\t                                        stumptown. Farm-to-table Photo booth beard seitan, mcsweeney's fixie sustainable quinoa
\t\t\t\t\t\t                                        8-bit american apparel
\t\t\t\t\t\t<a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"Another tooltip\">have a</a>
\t\t\t\t\t\tterry richardson
\t\t\t\t\t\t                                        vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats.
\t\t\t\t\t\t                                        Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan
\t\t\t\t\t\t                                        chambray. A really ironic artisan
\t\t\t\t\t\t<a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"Another one here too\">whatever
\t\t\t\t\t\t</a>
\t\t\t\t\t\tkeytar, scenester farm-to-table banksy Austin
\t\t\t\t\t\t<a href=\"#\" data-bs-toggle=\"tooltip\" data-bs-title=\"The last tip!\">twitter handle</a>
\t\t\t\t\t\tfreegan cred
\t\t\t\t\t\t                                        raw denim single-origin coffee viral.
\t\t\t\t\t</p>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Disabled elements</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Elements with the
\t\t\t\t\t\t<code>disabled</code>
\t\t\t\t\t\tattribute
\t\t\t\t\t\t                                        aren’t interactive, meaning users cannot focus, hover, or click them to trigger
\t\t\t\t\t\t                                        a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from
\t\t\t\t\t\t                                        a wrapper
\t\t\t\t\t\t<code>&lt;div&gt;</code>
\t\t\t\t\t\tor
\t\t\t\t\t\t<code>&lt;span&gt;</code>, ideally made
\t\t\t\t\t\t\t                                        keyboard-focusable using
\t\t\t\t\t\t<code>tabindex=\"0\"</code>, and override the
\t\t\t\t\t\t<code>pointer-events</code>
\t\t\t\t\t\ton the disabled element.
\t\t\t\t\t</p>

\t\t\t\t\t<div>
\t\t\t\t\t\t<span class=\"d-inline-block\" tabindex=\"0\" data-bs-toggle=\"tooltip\" data-bs-title=\"Disabled tooltip\">
\t\t\t\t\t\t\t<button class=\"btn btn-primary pe-none\" type=\"button\" disabled>Disabled button</button>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Four Directions</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Hover over the buttons below to see the four tooltips
\t\t\t\t\t\t                                        directions: top, right, bottom, and left.</p>

\t\t\t\t\t<div class=\"d-flex flex-wrap gap-2\">
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-title=\"Tooltip on top\">Tooltip on top</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" data-bs-title=\"Tooltip on bottom\">Tooltip on bottom</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"left\" data-bs-title=\"Tooltip on left\">Tooltip on left</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"right\" data-bs-title=\"Tooltip on right\">Tooltip on right</button>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">HTML Tags</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">And with custom HTML added:</p>

\t\t\t\t\t<button type=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"tooltip\" data-bs-html=\"true\" data-bs-title=\"<em>Tooltip</em> <u>with</u> <b>HTML</b>\">
\t\t\t\t\t\tTooltip with HTML
\t\t\t\t\t</button>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Color Tooltips</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">We set a custom class with ex.
\t\t\t\t\t\t<code>data-bs-custom-class=\"primary-tooltip\"</code>
\t\t\t\t\t\tto scope our background-color primary appearance and use
\t\t\t\t\t\t                                        it to override a local CSS
\t\t\t\t\t\t                                        variable.</p>

\t\t\t\t\t<div class=\"d-flex flex-wrap gap-2\">
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-primary\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"primary-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tPrimary tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-danger\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"danger-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tDanger tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"info-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tInfo tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-success\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"success-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tSuccess tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-pink\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"pink-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tPink tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-purple\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"purple-tooltip\" data-bs-title=\"This top tooltip is themed via CSS variables.\">
\t\t\t\t\t\t\tPurple tooltip
\t\t\t\t\t\t</button>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->
\t</div>
\t<!-- end row -->
{% endblock %}
", "ui-tooltips.html.twig", "C:\\Users\\4\\Desktop\\Anant\\jidox\\jidox_symfony\\Jidox\\templates\\ui-tooltips.html.twig");
    }
}
