kafka-ui/kafka-ui-react-app/src/components/NavBar/UserInfo/UserInfo.styled.ts

import styled, { css } from 'styled-components';

export const Wrapper = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  svg {
    position: relative;
  }
`;
export const Text = styled.div(
  ({ theme }) => css`
    color: ${theme.menu.color.normal};
  `
);
export const HeaderText = styled.div(
  ({ theme }) => css`
    color: ${theme.menu.titleColor};
  `
);

export const LinkText = styled.div(
  ({ theme }) => css`
    color: ${theme.button.primary.invertedColors.normal};
  `
);

export const LogoutLink = styled.a``;