2023-08-10 20:49:53 +02:00

13 lines
414 B
TypeScript

import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';
import clsx from 'clsx';
export default function OpenSearch({ className }: { className?: string }) {
return (
<div className="relative flex h-10 w-10 items-center justify-center text-high-contrast">
<MagnifyingGlassIcon
className={clsx('h-5 transition-all ease-in-out hover:scale-110 ', className)}
/>
</div>
);
}