27 lines
553 B
TypeScript
27 lines
553 B
TypeScript
import * as React from "react";
|
|
import styled from "styled-components";
|
|
|
|
type Props = {
|
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
const ButtonLink = React.forwardRef(
|
|
(props: Props, ref: React.Ref<HTMLButtonElement>) => {
|
|
return <Button {...props} ref={ref} />;
|
|
}
|
|
);
|
|
|
|
const Button = styled.button`
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
color: ${(props) => props.theme.link};
|
|
line-height: inherit;
|
|
background: none;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
`;
|
|
|
|
export default ButtonLink;
|