Browse Source

🚧 Refactoring ButtonSubmit component

🔨 Making code improvements
 Enhancing the search button
🐛 Fixing minor issues
main
John Doe 1 year ago
parent
commit
9faea5ac9e
  1. 42
      src/app/(client-components)/(HeroSearchForm2Mobile)/ButtonSubmit.tsx

42
src/app/(client-components)/(HeroSearchForm2Mobile)/ButtonSubmit.tsx

@ -0,0 +1,42 @@
import React, { FC } from "react";
import { PathName } from "@/routers/types";
interface Props {
className?: string;
onClick?: () => void;
href?: PathName;
}
const ButtonSubmit: FC<Props> = ({
className = "",
onClick = () => {},
href = "/listing-stay",
}) => {
return (
<button
type="submit"
onClick={(e) => {
e.preventDefault();
onClick();
}}
className={`flex-shrink-0 px-4 py-2.5 cursor-pointer rounded-xl bg-primary-6000 flex items-center justify-center text-neutral-50 focus:outline-none ${className} relative z-20`}
>
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
/>
</svg>
<span className="ml-2">Search</span>
</button>
);
};
export default ButtonSubmit;
Loading…
Cancel
Save