26 lines
561 B
TypeScript
26 lines
561 B
TypeScript
import React from 'react'
|
|
import { ButtonProps } from '@/app/types/index'
|
|
|
|
const Button = ({
|
|
onClick,
|
|
className,
|
|
text,
|
|
type,
|
|
leftIcon,
|
|
rightIcon,
|
|
}: ButtonProps) => {
|
|
return (
|
|
<button
|
|
onClick={onClick}
|
|
className={`text-base font-medium rounded-2xl cursor-pointer ${className}`}
|
|
type={type}
|
|
>
|
|
{leftIcon && <span className="mr-2 flex items-center">{leftIcon}</span>}
|
|
<span>{text}</span>
|
|
{rightIcon && <span className="ml-2 flex items-center">{rightIcon}</span>}
|
|
</button>
|
|
)
|
|
}
|
|
|
|
export default Button
|