import PreviewDropdownsSimple from "./PreviewDropdownsSimple";
import { t as i18nT } from "i18next";
import PreviewDropdownsWithClick from "./PreviewDropdownsWithClick";

export default function PreviewDropdowns() {
  return (
    <div id="dropdowns">
      <div className="space-y-1">
        <h3 className="text-sm font-medium">{i18nT("components.dropdowns.preview.simple")}</h3>
        <div className="border-border bg-background space-x-2 border border-dashed p-6">
          <PreviewDropdownsSimple />
        </div>
      </div>

      <div className="space-y-1">
        <h3 className="text-sm font-medium">{i18nT("components.dropdowns.preview.title")}</h3>
        <div className="border-border bg-background space-x-2 border border-dashed p-6">
          <PreviewDropdownsWithClick />
        </div>
      </div>
    </div>
  );
}