DmitriyB
28 lines
790 B
TypeScript
28 lines
790 B
TypeScript
import React, { useEffect, useState } from "react";
|
|
import { Style } from "util";
|
|
|
|
type TProps = {
|
|
textButton: string
|
|
onClick?: () => void
|
|
type?: 'submit' | 'button'
|
|
width?: '100%' | string
|
|
}
|
|
|
|
export const PinkButton:React.FC<TProps> = React.memo((props) => {
|
|
const [styles, setStyles] = useState<React.CSSProperties>();
|
|
useEffect(() => {
|
|
setStyles({
|
|
// backgroundColor: '#CE56C2'
|
|
})
|
|
}, [])
|
|
return <button
|
|
style={{width: props.width ? props.width : '', ...styles}}
|
|
className="main-part-text-button"
|
|
onClick={() => {
|
|
return props?.onClick ? props.onClick() : null;
|
|
}}
|
|
type={props.type ? props.type : 'button'}
|
|
>
|
|
{props.textButton}
|
|
</button>
|
|
}) |