diff --git a/src/components/index.tsx b/src/components/index.tsx
index d9570e0..41cee09 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -1,37 +1,11 @@
 import React, { useRef } from 'react'
 import PickerContextWrapper from '../context.js'
 import Picker from './Picker.js'
-import { LocalesProps } from '../shared/types.js'
+import { ColorPickerProps } from '../shared/types.js'
 import { defaultLocales } from '../constants.js'
 import { objectToString } from '../utils/utils.js'
 import coreCss from '../core.module.css'
 
-type ColorPickerProps = {
-  value?: string
-  onChange: (value: string) => void
-  hideControls?: boolean
-  hideInputs?: boolean
-  hideOpacity?: boolean
-  hidePresets?: boolean
-  hideHue?: boolean
-  presets?: string[]
-  hideEyeDrop?: boolean
-  hideAdvancedSliders?: boolean
-  hideColorGuide?: boolean
-  hideInputType?: boolean
-  hideColorTypeBtns?: boolean
-  hideGradientType?: boolean
-  hideGradientAngle?: boolean
-  hideGradientStop?: boolean
-  hideGradientControls?: boolean
-  width?: number
-  height?: number
-  style?: {}
-  className?: any
-  locales?: LocalesProps
-  disableDarkMode?: boolean
-}
-
 export function ColorPicker({
   value = 'rgba(175, 51, 242, 1)',
   onChange,