import { CodeBlock, ConfigBlock } from "@src/helpers/DocBlocks";
import OPTIONS from "./constants";
import Dropdown from "./Dropdown";
import DateIcon from "@src/icons/date.svg";
import ArrowDownIconV2 from "@src/components/UI/Icon/Icons/ArrowDownIconV2";
import ProactiveMessagingIcon from "@src/components/UI/Icon/MultiColouredIcons/ProactiveMessagingIcon";
# Dropdown
> A regular dropdown. Adheres to Haptik's Design System.
{(value, setValue) => (
)}
{(value, setValue) => (
}
/>
)}
{(value, setValue) => (
)}
## Configuration
## Examples
#### Default
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### With Search
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### With Multiple
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### With Multiple, With Search & With Checkbox 🧐
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### With Multiple & With Checkbox
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### With Create
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### Disabled
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### Simple Array
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### Style
> These styles will only get applied to the main dropdown wrapper and only for themed prop
{(value, setValue) => (
)}
#### Error
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}
#### Empty State
{(value, setValue) => (
)}
{(value, setValue) => (
)}
{(value, setValue) => (
)}