declare const _default: "<Box className=\"flex flex-col gap-[var(--spacing-4)] w-full\">\n    <Text type=\"h4\">Input Props on InputGroup</Text>\n\n    <Box className=\"flex flex-col gap-[var(--spacing-2)]\">\n    <Text type=\"small\">Placeholder prop:</Text>\n    <InputGroup {...args} placeholder=\"Search products...\">\n        <InputGroupInput />\n        <InputGroupAddon align=\"inline-left\">\n        <InputGroupIcon name=\"Search\" />\n        </InputGroupAddon>\n    </InputGroup>\n    </Box>\n\n    <Box className=\"flex flex-col gap-[var(--spacing-2)]\">\n    <Text type=\"small\">Value prop:</Text>\n    <InputGroup {...args} value=\"Pre-filled value\">\n        <InputGroupInput />\n    </InputGroup>\n    </Box>\n\n    <Box className=\"flex flex-col gap-[var(--spacing-2)]\">\n    <Text type=\"small\">Type=email prop:</Text>\n    <InputGroup {...args} type=\"email\" placeholder=\"Enter email\">\n        <InputGroupInput />\n        <InputGroupAddon align=\"inline-left\">\n        <InputGroupIcon name=\"Mail\" />\n        </InputGroupAddon>\n    </InputGroup>\n    </Box>\n\n    <Box className=\"flex flex-col gap-[var(--spacing-2)]\">\n    <Text type=\"small\">Type=file prop:</Text>\n    <InputGroup {...args} type=\"file\" placeholder=\"Enter email\" onChange={handleUploadFile}>\n        <InputGroupInput />\n        <InputGroupAddon align=\"inline-right\">\n        <InputGroupIcon name=\"File\" />\n        </InputGroupAddon>\n    </InputGroup>\n    </Box>\n\n    <Box className=\"flex flex-col gap-[var(--spacing-2)]\">\n    <Text type=\"small\">Type=password prop:</Text>\n    <InputGroup {...args} type=\"password\" placeholder=\"Enter password\">\n        <InputGroupInput />\n        <InputGroupAddon align=\"inline-left\">\n        <InputGroupIcon name=\"Lock\" />\n        </InputGroupAddon>\n        <InputGroupAddon align=\"inline-right\">\n        <InputGroupButton icon=\"Eye\" variant=\"ghost\" />\n        </InputGroupAddon>\n    </InputGroup>\n    </Box>\n\n    <Box className=\"flex flex-col gap-[var(--spacing-2)]\">\n    <Text type=\"small\">MaxLength prop (10 chars):</Text>\n    <InputGroup {...args} maxLength={10} placeholder=\"Max 10 chars\">\n        <InputGroupInput />\n    </InputGroup>\n    </Box>\n\n    <Box className=\"flex flex-col gap-[var(--spacing-2)]\">\n    <Text type=\"small\">Combined with addons:</Text>\n    <InputGroup {...args} placeholder=\"Amount\" type=\"number\">\n        <InputGroupInput />\n        <InputGroupAddon align=\"inline-left\">\n        <InputGroupText>$</InputGroupText>\n        </InputGroupAddon>\n        <InputGroupAddon align=\"inline-right\">\n        <InputGroupText>.00</InputGroupText>\n        </InputGroupAddon>\n    </InputGroup>\n    </Box>\n\n    <Box className=\"flex flex-col gap-[var(--spacing-2)]\">\n    <Text type=\"small\">Props override (InputGroup placeholder, InputGroupInput overrides):</Text>\n    <InputGroup {...args} placeholder=\"From InputGroup\">\n        <InputGroupInput placeholder=\"Overridden by InputGroupInput\" />\n    </InputGroup>\n    </Box>\n</Box>";
export default _default;
