> ## Documentation Index
> Fetch the complete documentation index at: https://www.integrate.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# ELT & CDC Documentation
> Replicate data in near real-time with Integrate.io ELT & CDC. Connect 60+ sources to Snowflake, Redshift, BigQuery, and S3 using change data capture.
export const SearchBar = ({placeholder = "Search or ask...", shortcut = "⌘K", maxWidth = "", className = ""}) => {
const styles = {
layout: "flex items-center justify-between",
width: "w-full",
spacing: "py-3 pl-5 pr-3",
shape: "rounded-full",
background: "bg-white dark:bg-transparent",
text: "text-sm text-gray-400 dark:text-gray-500",
border: "border border-gray-300 dark:border-gray-600 ring-8 ring-gray-200/60 dark:ring-white/15",
hover: "hover:border-gray-400 dark:hover:border-gray-500 hover:ring-gray-200/50 dark:hover:ring-white/15",
cursor: "cursor-pointer",
transition: "transition-all duration-200"
};
const iconStyles = {
size: "h-4 w-4 flex-none",
spacing: "mr-2",
color: "bg-primary hover:bg-gray-600 dark:bg-primary-light dark:hover:bg-white/70"
};
const badgeStyles = {
text: "text-xs font-medium",
color: "text-gray-400 dark:text-gray-500",
background: "bg-gray-100 dark:bg-gray-800",
spacing: "px-2 py-1",
shape: "rounded-md"
};
const buttonClasses = [styles.layout, styles.width, styles.spacing, styles.shape, styles.background, styles.text, styles.border, styles.hover, styles.cursor, styles.transition, className].join(" ");
return ;
};
Welcome to the Integrate.io Docs
How can we help you?
