shellphone.app/app/messages/components/new-message-button.tsx

21 lines
595 B
TypeScript
Raw Normal View History

2021-08-01 07:40:18 +00:00
import type { FunctionComponent, MouseEventHandler } from "react";
import { IoCreateOutline } from "react-icons/io5";
2021-08-01 07:40:18 +00:00
type Props = {
onClick: MouseEventHandler<HTMLButtonElement>;
};
const NewMessageButton: FunctionComponent<Props> = ({ onClick }) => {
return (
<button
onClick={onClick}
className="absolute bottom-20 right-6
w-14 h-14 bg-gray-800 rounded-full hover:bg-gray-900 active:shadow-lg shadow transition ease-in duration-200 focus:outline-none"
>
<IoCreateOutline className="m-auto pl-1.5 text-white w-8 h-8" />
2021-08-01 07:40:18 +00:00
</button>
);
};
export default NewMessageButton;