Andrey Epifancev d2b4ff2018 feat: skill aura-design — дизайн-система AURA для личных проектов (#17)
Скилл переносится из ~/.claude/skills/aura-design в репозиторий обвязки:
SKILL.md, справочники reference/ и набор kit/ (токены, base.css, компоненты
React, оболочка AppShell, тест токенов, test-setup, примеры входа).
install.sh ставит его в ~/.claude/skills/aura-design, --check его видит.
tests/test-aura-design.sh проверяет структуру и инварианты набора.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-22 12:10:34 +04:00

19 lines
897 B
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { Button } from "./Button.tsx";
import { Dialog } from "./Dialog.tsx";
// подтверждение вместо window.confirm: окно sm, вопрос заголовком, пояснение, «Отмена» и действие (danger — если разрушает)
export function Confirm({ title, text, confirmLabel, danger, onConfirm, onCancel }: {
title: string; text?: string; confirmLabel: string; danger?: boolean; onConfirm(): void; onCancel(): void;
}) {
return (
<Dialog label={title} size="sm" onClose={onCancel}>
<h2 className="ui-dialog__title">{title}</h2>
{text && <p className="ui-dialog__text">{text}</p>}
<div className="ui-actions">
<Button onClick={onCancel}>Отмена</Button>
<Button variant={danger ? "danger" : "primary"} autoFocus onClick={onConfirm}>{confirmLabel}</Button>
</div>
</Dialog>
);
}