@dossierhq/design
Version:
The design system for Dossier.
7 lines • 741 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { toClassName } from '../../utils/ClassNameUtils.js';
import { IconAsset } from '../Icon/Icon.js';
export function File({ className, accept, boxed, onChange }) {
return (_jsx("div", { className: toClassName('file', boxed && 'is-boxed', className), children: _jsxs("label", { className: "file-label", children: [_jsx("input", { className: "file-input", type: "file", accept: accept, onChange: onChange }), _jsxs("span", { className: "file-cta", children: [_jsx("span", { className: "file-icon", children: _jsx(IconAsset, { icon: "upload" }) }), _jsx("span", { className: "file-label", children: "Choose a file\u2026" })] })] }) }));
}
//# sourceMappingURL=File.js.map