TEC-4290: Create the label component and style

src/components/PaymentMethods/PaymentMethodsLabel/index.tsx

@@ -0,0 +1,16 @@
+import { PaymentMethodsContainerStyled } from './style'
+import { PaymentMethodsContainerProps } from '../PaymentMethodsContainer/type'
+
+const PaymentMethodsLabel = ({
+  children,
+  icon,
+}: PaymentMethodsContainerProps) => {
+  return (
+    <PaymentMethodsContainerStyled>
+      {icon && icon}
+      {children}
+    </PaymentMethodsContainerStyled>
+  )
+}
+
+export { PaymentMethodsLabel }

src/components/PaymentMethods/PaymentMethodsLabel/style.tsx

@@ -0,0 +1,14 @@
+import styled from 'styled-components'
+import { Colors } from '../../../tokens'
+
+const PaymentMethodsContainerStyled = styled.label`
+  color: ${Colors.light.neutral.neutral500};
+  font-size: 1rem;
+
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  cursor: pointer;
+`
+
+export { PaymentMethodsContainerStyled }