Denozordec
4a70cf5854
Build, Test, and Push CFDM Docker Image / test (push) Has been cancelled
Build, Test, and Push CFDM Docker Image / build-and-push (push) Has been cancelled
Build, Test, and Push CFDM Docker Image / create-release (push) Has been cancelled
Build, Test, and Push CFDM Docker Image / update-wiki (push) Has been cancelled
33 lines
679 B
TypeScript
33 lines
679 B
TypeScript
import { SearchIcon } from 'lucide-react'
|
|
import {
|
|
InputGroup,
|
|
InputGroupAddon,
|
|
InputGroupInput,
|
|
} from '@cfdm/ui/components/input-group'
|
|
|
|
interface TableToolbarProps {
|
|
value: string
|
|
onChange: (value: string) => void
|
|
placeholder?: string
|
|
}
|
|
|
|
export function TableToolbar({
|
|
value,
|
|
onChange,
|
|
placeholder = 'Поиск…',
|
|
}: TableToolbarProps) {
|
|
return (
|
|
<InputGroup className="max-w-sm">
|
|
<InputGroupAddon>
|
|
<SearchIcon />
|
|
</InputGroupAddon>
|
|
<InputGroupInput
|
|
value={value}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
placeholder={placeholder}
|
|
aria-label={placeholder}
|
|
/>
|
|
</InputGroup>
|
|
)
|
|
}
|