diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/LinkText.tsx | 13 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/index.ts | 1 |
2 files changed, 14 insertions, 0 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/LinkText.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/LinkText.tsx new file mode 100644 index 0000000000..c8c1ff8baa --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/LinkText.tsx @@ -0,0 +1,13 @@ +import styled from 'styled-components'; + +import { Text, TextProps } from '../../typography'; +import { useLinkContext } from '../LinkContext'; + +export type LinkTextProps = TextProps; + +export const StyledLinkText = styled(Text)``; + +export function LinkText(props: LinkTextProps) { + const { variant, color } = useLinkContext(); + return <StyledLinkText variant={variant} color={color} {...props}></StyledLinkText>; +} diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/index.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/index.ts index 1718f57d55..efe33915d2 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/index.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/link/components/index.ts @@ -1 +1,2 @@ export * from './LinkIcon'; +export * from './LinkText'; |
