32 lines
823 B
JavaScript
32 lines
823 B
JavaScript
|
import React from 'react';
|
||
|
import './Button.css';
|
||
|
import { Link } from 'react-router-dom';
|
||
|
|
||
|
const STYLES = ['btn--primary', 'btn--outline'];
|
||
|
|
||
|
const SIZES = ['btn--medium', 'btn--large'];
|
||
|
export const Button = ({
|
||
|
children,
|
||
|
type,
|
||
|
onClick,
|
||
|
buttonStyle,
|
||
|
buttonSize
|
||
|
}) => {
|
||
|
const checkButtonStyle = STYLES.includes(buttonStyle)
|
||
|
? buttonStyle
|
||
|
: STYLES[0];
|
||
|
|
||
|
const checkButtonSize = SIZES.includes(buttonSize) ? buttonSize : SIZES[0];
|
||
|
|
||
|
return (
|
||
|
<Link to='sign-up' className='btn-mobile'>
|
||
|
<button
|
||
|
className={`btn ${checkButtonStyle} ${checkButtonSize}`}
|
||
|
onClick={onClick}
|
||
|
type={type}
|
||
|
>
|
||
|
{children}
|
||
|
</button>
|
||
|
</Link>
|
||
|
);
|
||
|
};
|