import {  AlertDialog,  AlertDialogTrigger,  AlertDialogContent,  AlertDialogHeader,  AlertDialogFooter,  AlertDialogTitle,  AlertDialogDescription,  AlertDialogAction,  AlertDialogCancel,} from '@aift/ui/AlertDialog';export default function Preview() {  return (    <AlertDialog>      <AlertDialogTrigger>열기</AlertDialogTrigger>      <AlertDialogContent>        <AlertDialogHeader>          <AlertDialogTitle>알림</AlertDialogTitle>          <AlertDialogDescription>            이 작업을 진행하시겠습니까?          </AlertDialogDescription>        </AlertDialogHeader>        <AlertDialogFooter>          <AlertDialogCancel>취소</AlertDialogCancel>          <AlertDialogAction>확인</AlertDialogAction>        </AlertDialogFooter>      </AlertDialogContent>    </AlertDialog>  );}

import {  AlertDialog,  AlertDialogTrigger,  AlertDialogContent,  AlertDialogHeader,  AlertDialogFooter,  AlertDialogTitle,  AlertDialogDescription,  AlertDialogAction,  AlertDialogCancel,} from '@aift/ui/AlertDialog';import { Button } from '@aift/ui/Button';export default function Status() {  return (    <div className="flex flex-wrap gap-2">      <AlertDialog>        <AlertDialogTrigger asChild>          <Button variant="outlined">Primary</Button>        </AlertDialogTrigger>        <AlertDialogContent>          <AlertDialogHeader>            <AlertDialogTitle>Primary</AlertDialogTitle>            <AlertDialogDescription>기본 확인 다이얼로그입니다.</AlertDialogDescription>          </AlertDialogHeader>          <AlertDialogFooter>            <AlertDialogCancel>취소</AlertDialogCancel>            <AlertDialogAction status="primary">확인</AlertDialogAction>          </AlertDialogFooter>        </AlertDialogContent>      </AlertDialog>      <AlertDialog>        <AlertDialogTrigger asChild>          <Button variant="outlined">Success</Button>        </AlertDialogTrigger>        <AlertDialogContent>          <AlertDialogHeader>            <AlertDialogTitle>Success</AlertDialogTitle>            <AlertDialogDescription>작업이 완료되었습니다.</AlertDialogDescription>          </AlertDialogHeader>          <AlertDialogFooter>            <AlertDialogCancel>취소</AlertDialogCancel>            <AlertDialogAction status="success">확인</AlertDialogAction>          </AlertDialogFooter>        </AlertDialogContent>      </AlertDialog>      <AlertDialog>        <AlertDialogTrigger asChild>          <Button variant="outlined">Caution</Button>        </AlertDialogTrigger>        <AlertDialogContent>          <AlertDialogHeader>            <AlertDialogTitle>Caution</AlertDialogTitle>            <AlertDialogDescription>주의가 필요한 작업입니다.</AlertDialogDescription>          </AlertDialogHeader>          <AlertDialogFooter>            <AlertDialogCancel>취소</AlertDialogCancel>            <AlertDialogAction status="caution">확인</AlertDialogAction>          </AlertDialogFooter>        </AlertDialogContent>      </AlertDialog>      <AlertDialog>        <AlertDialogTrigger asChild>          <Button variant="outlined">Error</Button>        </AlertDialogTrigger>        <AlertDialogContent>          <AlertDialogHeader>            <AlertDialogTitle>Error</AlertDialogTitle>            <AlertDialogDescription>이 작업은 되돌릴 수 없습니다.</AlertDialogDescription>          </AlertDialogHeader>          <AlertDialogFooter>            <AlertDialogCancel>취소</AlertDialogCancel>            <AlertDialogAction status="error">삭제</AlertDialogAction>          </AlertDialogFooter>        </AlertDialogContent>      </AlertDialog>    </div>  );}