From 43fd8295659ef869f0be7d68f7a7babdfb611ab4 Mon Sep 17 00:00:00 2001
From: Uchechukwu Obasi <obasiuche62@gmail.com>
Date: Tue, 4 May 2021 15:46:32 +0100
Subject: [PATCH] FormField: removes theme model since its not used in styles
 (#33632)

---
 packages/grafana-ui/src/components/FormField/FormField.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/grafana-ui/src/components/FormField/FormField.tsx b/packages/grafana-ui/src/components/FormField/FormField.tsx
index 83354dfcc76..fe508075f6c 100644
--- a/packages/grafana-ui/src/components/FormField/FormField.tsx
+++ b/packages/grafana-ui/src/components/FormField/FormField.tsx
@@ -1,9 +1,7 @@
 import React, { InputHTMLAttributes, FunctionComponent } from 'react';
 import { css, cx } from '@emotion/css';
-import { GrafanaTheme } from '@grafana/data';
 import { InlineFormLabel } from '../FormLabel/FormLabel';
 import { PopoverContent } from '../Tooltip/Tooltip';
-import { useStyles } from '../../themes';
 
 export interface Props extends InputHTMLAttributes<HTMLInputElement> {
   label: string;
@@ -32,7 +30,7 @@ export const FormField: FunctionComponent<Props> = ({
   className,
   ...inputProps
 }) => {
-  const styles = useStyles(getStyles);
+  const styles = getStyles();
   return (
     <div className={cx(styles.formField, className)}>
       <InlineFormLabel width={labelWidth} tooltip={tooltip}>
@@ -48,7 +46,7 @@ export const FormField: FunctionComponent<Props> = ({
 FormField.displayName = 'FormField';
 FormField.defaultProps = defaultProps;
 
-const getStyles = (theme: GrafanaTheme) => {
+const getStyles = () => {
   return {
     formField: css`
       display: flex;