import ComponentCard from "../../../components/common/ComponentCard";
import PageMeta from "../../../components/common/PageMeta";

export default function Links() {
  return (
    <>
      <PageMeta
        title="React.js Links Dashboard | TailAdmin - React.js Admin Dashboard Template"
        description="This is React.js Links Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"
      />
      <div className="space-y-5 sm:space-y-6">
        <ComponentCard title="Links">
          <div className="space-y-4">
            <div>
              <a
                href="#"
                className="text-brand-500 hover:text-brand-600 underline"
              >
                Primary Link
              </a>
            </div>
            <div>
              <a
                href="#"
                className="text-gray-700 dark:text-gray-300 hover:text-brand-500 underline"
              >
                Default Link
              </a>
            </div>
          </div>
        </ComponentCard>
      </div>
    </>
  );
}

