* refactor: 🔧 del unnecessary children type Change-Id: I3dea5e07f5401bdbdd168eb959fe361c57784167 * feat: 💄 eslint Change-Id: Ie173adeca9e3112d8cdfc1f85964332105dcb424 * feat: 🔧 add css type Change-Id: I8850c4d09b152f4d9c4d98e6eebca58bd9eecd37 * fix: 💄 ci lint Change-Id: I69ff89c7a30e2bdcd26475ec83f3f5ec143121b6
26 lines
541 B
TypeScript
26 lines
541 B
TypeScript
import * as React from "react";
|
|
import styled from "styled-components";
|
|
|
|
type Props = {
|
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
};
|
|
|
|
const ButtonLink: React.FC<Props> = 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;
|