38 lines
1.9 KiB
TypeScript
38 lines
1.9 KiB
TypeScript
import { t as i18nT } from "i18next";
|
|
import ButtonPrimary from "./ButtonPrimary";
|
|
import ButtonSecondary from "./ButtonSecondary";
|
|
import ButtonTertiary from "./ButtonTertiary";
|
|
|
|
export default function PreviewButtonsDestructive() {
|
|
return (
|
|
<div id="buttons-as-links">
|
|
<div className="border-border bg-background border border-dashed p-6">
|
|
<div className="w-full space-y-2">
|
|
<div className="mx-auto flex max-w-3xl flex-col items-center justify-center space-y-4 sm:flex-row sm:items-end sm:justify-center sm:space-x-4 sm:space-y-0">
|
|
<ButtonPrimary onClick={() => alert(i18nT("components.buttons.preview.clickedPrimaryDestructive"))} destructive={true}>
|
|
{i18nT("components.buttons.preview.primary")}
|
|
</ButtonPrimary>
|
|
<ButtonSecondary onClick={() => alert(i18nT("components.buttons.preview.clickedSecondaryDestructive"))} destructive={true}>
|
|
{i18nT("components.buttons.preview.secondary")}
|
|
</ButtonSecondary>
|
|
<ButtonTertiary onClick={() => alert(i18nT("components.buttons.preview.clickedTertiaryDestructive"))} destructive={true}>
|
|
{i18nT("components.buttons.preview.tertiary")}
|
|
</ButtonTertiary>
|
|
</div>
|
|
<div className="mx-auto flex max-w-3xl flex-col items-center justify-center space-y-4 sm:flex-row sm:items-end sm:justify-center sm:space-x-4 sm:space-y-0">
|
|
<ButtonPrimary disabled={true} destructive={true}>
|
|
{i18nT("components.buttons.preview.primary")}
|
|
</ButtonPrimary>
|
|
<ButtonSecondary disabled={true} destructive={true}>
|
|
{i18nT("components.buttons.preview.secondary")}
|
|
</ButtonSecondary>
|
|
<ButtonTertiary disabled={true} destructive={true}>
|
|
{i18nT("components.buttons.preview.tertiary")}
|
|
</ButtonTertiary>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|