openpanel/documentation/src/refine-theme/doc-swizzle-badge.tsx

import clsx from "clsx";
import React from "react";
import { TerminalIcon } from "./icons/terminal";

export const SwizzleBadge = () => {
    return (
        <div
            className={clsx(
                "text-xs",
                "font-mono",
                "text-gray-0",
                "bg-refine-indigo",
                "py-2 pl-2 pr-4",
                "rounded-[32px]",
                "flex gap-2 items-center",
            )}
        >
            <TerminalIcon className="w-4 h-4" />
            <span>Swizzle Ready</span>
        </div>
    );
};