desktop/packages/mullvad-vpn/src/renderer/components/Lang.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

import { PropsWithChildren } from 'react';
import styled from 'styled-components';

import { useSelector } from '../redux/store';

const StyledLang = styled.div({
  display: 'flex',
  flex: '1',
  maxWidth: '100%',
});

export default function Lang(props: PropsWithChildren) {
  const locale = useSelector((state) => state.userInterface.locale);
  return <StyledLang lang={locale}>{props.children}</StyledLang>;
}