import { Dialog, Button } from "lambda-ui-components";
import { useState } from "react";

export default function App() {
	const [isOpen, setIsOpen] = useState(false);

	return (
		<>
			<Button onClick={() => setIsOpen(true)} label="Open Dialog" />
			<Dialog
				isOpen={isOpen}
				onClose={() => setIsOpen(false)}
				title="Confirm Action"
				footer={
					<div className="flex gap-2 justify-end">
						<Button onClick={() => setIsOpen(false)} label="Cancel" variant="outline" />
						<Button onClick={() => setIsOpen(false)} label="Confirm" />
					</div>
				}
			>
				<p className="text-center py-8 px-12">Are you sure you want to proceed with this action?</p>
			</Dialog>
		</>
	);
}