f07dc0384f
* initial implementation of search modal * added hit and search suggestions * added support for multiple indices * updated sample env * added close when click outside dropdown * test for mobile * added mobile design * added shortcut * dark mode fixes * added search to docs * added plugins filter * added React import * moved filters to configurations * handled error on page load * change suggestion text * removed hits limit * handle select all * open link in current tab * change highlight colors * added support for shortcuts + auto focus * change header and footer * redesigned search ui
33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
import React from "react"
|
|
import clsx from "clsx"
|
|
|
|
type TextAreaProps = {
|
|
className?: string
|
|
} & React.DetailedHTMLProps<
|
|
React.TextareaHTMLAttributes<HTMLTextAreaElement>,
|
|
HTMLTextAreaElement
|
|
>
|
|
|
|
const TextArea = (props: TextAreaProps) => {
|
|
return (
|
|
<textarea
|
|
{...props}
|
|
className={clsx(
|
|
"bg-medusa-bg-field dark:bg-medusa-bg-field-dark shadow-button-secondary dark:shadow-button-secondary-dark",
|
|
"border-medusa-border-base dark:border-medusa-border-base-dark rounded-sm border border-solid",
|
|
"pt-0.4 px-0.75 text-medium font-base pb-[9px]",
|
|
"hover:bg-medusa-bg-field-hover dark:hover:bg-medusa-bg-field-hover-dark",
|
|
"focus:border-medusa-border-interactive dark:focus:border-medusa-border-interactive-dark",
|
|
"active:border-medusa-border-interactive dark:active:border-medusa-border-interactive-dark",
|
|
"disabled:bg-medusa-bg-disabled dark:disabled:bg-medusa-bg-disabled-dark",
|
|
"disabled:border-medusa-border-base dark:disabled:border-medusa-border-base-dark",
|
|
"placeholder:text-medusa-fg-muted dark:placeholder:text-medusa-fg-muted-dark",
|
|
"disabled:placeholder:text-medusa-fg-disabled dark:disabled:placeholder:text-medusa-fg-disabled-dark",
|
|
props.className
|
|
)}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default TextArea
|