'use client'
import { useRouter } from 'next/navigation'
import Link from "next/link";
import { Icon } from '@iconify/react/dist/iconify.js'
const PageNoData = () => {
    const router = useRouter()
    return (
        <div className="d-flex align-items-center justify-content-center" style={{ height: "61.5vh" }}>
            <div
                className="alert alert-warning bg-warning-100 text-warning-600 border-warning-100 px-24 py-11 mb-0 fw-semibold text-lg radius-8 w-100"
                role="alert"
            >
                <div className="d-flex align-items-center justify-content-center text-xxl">
                    No Data Found
                    {/* <button className="remove-button text-warning-600 text-xxl line-height-1">
                        {" "}
                        <Icon
                            icon="iconamoon:sign-times-light"
                            className="icon"
                        />
                    </button> */}
                </div>
                <div className="d-flex align-items-center justify-content-center">
                    <button
                        onClick={() => router.back()}
                        className="btn btn-link p-0 text-decoration-none"
                    >
                        <p className="fw-medium text-warning text-sm mt-2 mb-0">
                            ← Back to Previous Page
                        </p>
                    </button>
                </div>
            </div>
        </div>
    )
}

export default PageNoData;