22 lines
514 B
TypeScript
22 lines
514 B
TypeScript
|
import styled from "styled-components";
|
||
|
|
|
||
|
|
type ButtonProps = {
|
||
|
|
$short?: boolean;
|
||
|
|
};
|
||
|
|
|
||
|
|
const onKeyDown: React.KeyboardEventHandler<HTMLButtonElement> = (event) => {
|
||
|
|
if (!(event.target instanceof HTMLTextAreaElement)) event.preventDefault();
|
||
|
|
};
|
||
|
|
|
||
|
|
const Button = styled.button.attrs({
|
||
|
|
onKeyDown,
|
||
|
|
type: "button",
|
||
|
|
})<ButtonProps>`
|
||
|
|
background-color: transparent;
|
||
|
|
font-family: inherit;
|
||
|
|
max-width: ${({ $short }) => ($short ? "31px" : undefined)};
|
||
|
|
width: 100%;
|
||
|
|
`;
|
||
|
|
|
||
|
|
export default Button;
|