19 lines
647 B
TypeScript
19 lines
647 B
TypeScript
import { IoCall } from "react-icons/io5";
|
|
|
|
import Keypad from "~/features/keypad/components/keypad";
|
|
|
|
export default function BlurredKeypad() {
|
|
return (
|
|
<div className="filter blur-sm select-none absolute top-0 w-full h-full z-0">
|
|
<section className="relative w-96 h-full flex flex-col justify-around mx-auto py-5 text-center">
|
|
<div className="h-16 text-3xl text-gray-700" />
|
|
<Keypad>
|
|
<button className="cursor-pointer select-none col-start-2 h-12 w-12 flex justify-center items-center mx-auto bg-green-800 rounded-full">
|
|
<IoCall className="w-6 h-6 text-white" />
|
|
</button>
|
|
</Keypad>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|