@tolokoban/ui
Version:
React components with theme
10 lines • 1.32 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Theme } from "../../theme/index.js";
import { styleCommon } from "../../theme/styles/common.js";
import { ViewLabel } from "../Label/index.js";
const $ = Theme.classNames;
export function ViewProgress(props) {
const { className, value, label } = props;
return (_jsx(ViewLabel, { value: label, children: _jsx("progress", { className: $.join(className), style: styleCommon(props), max: 100, value: value }) }));
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdmlldy9Qcm9ncmVzcy9Qcm9ncmVzcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxFQUFlLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxVQUFVLENBQUE7QUFFcEMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQU8xQixNQUFNLFVBQVUsWUFBWSxDQUFDLEtBQXdCO0lBQ2pELE1BQU0sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLEtBQUssQ0FBQTtJQUV6QyxPQUFPLENBQ0gsS0FBQyxTQUFTLElBQUMsS0FBSyxFQUFFLEtBQUssWUFDbkIsbUJBQ0ksU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQzVCLEtBQUssRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQ3pCLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEtBQUssR0FDZCxHQUNNLENBQ2YsQ0FBQTtBQUNMLENBQUMifQ==