1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-23 15:14:23 +00:00
festa/components/editable/EditableFilePicker.tsx

19 lines
No EOL
590 B
TypeScript

import { HTMLProps } from "react";
import { Editable } from "./Editable";
/**
* Controlled input component which displays an `input[type="file"]` in editing mode, and is invisible in preview mode.
*
* Value is the file's [fakepath](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#value), as a string.
*/
export function EditableFilePicker(props: HTMLProps<HTMLInputElement> & { value: File | "" }) {
return (
<Editable
editing={
<input type="file" {...props} />
}
preview={<></>}
/>
)
}