This repository has been archived on 2022-10-07. You can view files and clone it, but cannot push or open issues or pull requests.
2020-02-13 22:07:42 +00:00
|
|
|
import React from "react";
|
|
|
|
import classNames from "classnames";
|
2020-02-12 17:23:10 +00:00
|
|
|
|
2020-02-13 22:07:42 +00:00
|
|
|
import "./Button.scss";
|
2020-02-12 17:23:10 +00:00
|
|
|
|
2020-02-13 22:07:42 +00:00
|
|
|
export default function Button({
|
|
|
|
href,
|
|
|
|
type,
|
|
|
|
children,
|
|
|
|
full,
|
|
|
|
className,
|
|
|
|
iconLeft,
|
|
|
|
iconRight,
|
|
|
|
...rest
|
|
|
|
}) {
|
|
|
|
const classes = classNames(
|
|
|
|
"button",
|
|
|
|
{ iconLeft, iconRight, full },
|
|
|
|
className
|
|
|
|
);
|
2020-02-12 17:23:10 +00:00
|
|
|
|
|
|
|
if (href) {
|
|
|
|
return (
|
|
|
|
<a href={href} className={classes} {...rest}>
|
|
|
|
{children}
|
|
|
|
</a>
|
2020-02-13 22:07:42 +00:00
|
|
|
);
|
2020-02-12 17:23:10 +00:00
|
|
|
} else if (type) {
|
|
|
|
return (
|
|
|
|
<button type={type} className={classes} {...rest}>
|
|
|
|
{children}
|
|
|
|
</button>
|
2020-02-13 22:07:42 +00:00
|
|
|
);
|
2020-02-12 17:23:10 +00:00
|
|
|
} else {
|
|
|
|
return (
|
|
|
|
<button type="button" className={classes} {...rest}>
|
|
|
|
{children}
|
|
|
|
</button>
|
2020-02-13 22:07:42 +00:00
|
|
|
);
|
2020-02-12 17:23:10 +00:00
|
|
|
}
|
|
|
|
}
|