mirror of
https://github.com/wavetermdev/waveterm.git
synced 2024-12-22 16:48:23 +01:00
2e91ee843c
Less hasn't received an update in over a year and the parser is missing some modern syntax like relative colors so this switches us to scss
32 lines
783 B
TypeScript
32 lines
783 B
TypeScript
// Copyright 2024, Command Line Inc.
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { clsx } from "clsx";
|
|
import * as React from "react";
|
|
|
|
import "./linkbutton.scss";
|
|
|
|
interface LinkButtonProps {
|
|
href: string;
|
|
rel?: string;
|
|
target?: string;
|
|
children: React.ReactNode;
|
|
disabled?: boolean;
|
|
style?: React.CSSProperties;
|
|
autoFocus?: boolean;
|
|
className?: string;
|
|
termInline?: boolean;
|
|
title?: string;
|
|
onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
}
|
|
|
|
const LinkButton = ({ children, className, ...rest }: LinkButtonProps) => {
|
|
return (
|
|
<a {...rest} className={clsx("button grey solid link-button", className)}>
|
|
<span className="button-inner">{children}</span>
|
|
</a>
|
|
);
|
|
};
|
|
|
|
export { LinkButton };
|