next-enterprise/package/components/molecules/NumericKey.tsx
2024-09-30 15:17:38 -05:00

24 lines
574 B
TypeScript

"use client";
import Grid2 from "@mui/material/Grid2";
import React from "react";
import Button from "@atoms/Button";
interface NumericKeyProps {
label: string | number;
onClick: () => void;
className?: string;
}
const NumericKey: React.FC<NumericKeyProps> = ({ label, onClick, className }) => {
return (
<Grid2 container justifyContent="center" component="div">
<Button
label={label.toString()}
onClick={onClick}
className={`h-16 w-full text-3xl font-bold ${className}`}
/>
</Grid2>
);
};
export default NumericKey;