diff --git a/suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx b/suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx index b2bed7d5176..f969f7302ea 100644 --- a/suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx +++ b/suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx @@ -1,8 +1,7 @@ import { ReactNode } from 'react'; -import { Box, HStack, Text, VStack } from '@suite-native/atoms'; -import { Icon, IconName } from '@suite-native/icons'; -import { prepareNativeStyle, useNativeStyles } from '@trezor/styles'; +import { IconListItem, Text, VStack } from '@suite-native/atoms'; +import { IconName } from '@suite-native/icons'; type AnalyticsInfoRowProps = { iconName: IconName; @@ -10,33 +9,13 @@ type AnalyticsInfoRowProps = { description: ReactNode; }; -const WRAPPER_SIZE = 36; - -const iconWrapper = prepareNativeStyle(utils => ({ - justifyContent: 'center', - alignItems: 'center', - width: WRAPPER_SIZE, - height: WRAPPER_SIZE, - backgroundColor: utils.colors.backgroundSurfaceElevation2, - borderRadius: utils.borders.radii.r12, - borderWidth: 1, - borderColor: utils.colors.backgroundTertiaryDefaultOnElevation0, -})); - -export const AnalyticsInfoRow = ({ iconName, title, description }: AnalyticsInfoRowProps) => { - const { applyStyle } = useNativeStyles(); - - return ( - - - - - - {title} - - {description} - - - - ); -}; +export const AnalyticsInfoRow = ({ iconName, title, description }: AnalyticsInfoRowProps) => ( + + + {title} + + {description} + + + +);