migrate user select styles to typescript

src/styles/utilities/userSelect/index.native.js → src/styles/utilities/userSelect/index.native.ts

@@ -1,8 +1,12 @@
-export default {
+import UserSelectStyles from './types';
+
+const userSelect: UserSelectStyles = {
     userSelectText: {
         userSelect: 'text',
     },
     userSelectNone: {
         userSelect: 'none',
     },
 };
+
+export default userSelect;

src/styles/utilities/userSelect/index.js → src/styles/utilities/userSelect/index.ts

@@ -1,4 +1,6 @@
-export default {
+import UserSelectStyles from './types';
+
+const userSelect: UserSelectStyles = {
     userSelectText: {
         userSelect: 'text',
         WebkitUserSelect: 'text',
@@ -8,3 +10,5 @@ export default {
         WebkitUserSelect: 'none',
     },
 };
+
+export default userSelect;

src/styles/utilities/userSelect/types.ts

@@ -0,0 +1,5 @@
+import {CSSProperties} from 'react';
+
+type UserSelectStyles = Record<'userSelectText' | 'userSelectNone', Partial<Pick<CSSProperties, 'userSelect' | 'WebkitUserSelect'>>>;
+
+export default UserSelectStyles;