update LinkButton style

This commit is contained in:
Abhinav 2022-01-25 19:38:43 +05:30
parent 7ceea87510
commit 8deaf8e39e

View file

@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import styled from 'styled-components';
export enum ButtonVariant { export enum ButtonVariant {
success = 'success', success = 'success',
@ -26,17 +27,25 @@ export function getVariantColor(variant: string) {
return '#d1d1d1'; return '#d1d1d1';
} }
} }
const CustomH5 = styled.h5<{ color: string }>`
color: ${(props) => props.color};
cursor: pointer;
margin-bottom: 0;
&:hover {
text-decoration: underline;
}
`;
export default function LinkButton(props: LinkButtonProps) { export default function LinkButton(props: LinkButtonProps) {
return ( return (
<h5 <CustomH5
color={getVariantColor(props.variant)}
style={{ style={{
color: getVariantColor(props.variant),
cursor: 'pointer',
marginBottom: 0,
...props.style, ...props.style,
}} }}
onClick={props?.onClick ?? (() => null)}> onClick={props?.onClick ?? (() => null)}>
{props.children} {props.children}
</h5> </CustomH5>
); );
} }