46 lines
1.0 KiB
TypeScript
46 lines
1.0 KiB
TypeScript
"use client";
|
|
|
|
import { memo } from "react";
|
|
import Incrementer from "../Incrementer";
|
|
import InputLabel from "../../type/InputLabel";
|
|
import type { IncrementerBlockViewProps } from "./IncrementerBlock.types";
|
|
|
|
function IncrementerBlockView({
|
|
label,
|
|
helpIcon,
|
|
helperText,
|
|
asterisk,
|
|
labelSize,
|
|
palette,
|
|
blockClassName,
|
|
state: _state,
|
|
disabled,
|
|
className,
|
|
...incrementerProps
|
|
}: IncrementerBlockViewProps) {
|
|
return (
|
|
<div
|
|
className={`flex flex-col items-start gap-[var(--space-300)] py-[8px] ${disabled ? "opacity-60" : ""} ${blockClassName}`.trim()}
|
|
data-figma-node="19883:13283"
|
|
>
|
|
<InputLabel
|
|
label={label}
|
|
helpIcon={helpIcon}
|
|
helperText={helperText}
|
|
asterisk={asterisk}
|
|
size={labelSize}
|
|
palette={palette}
|
|
/>
|
|
<Incrementer
|
|
{...incrementerProps}
|
|
disabled={disabled}
|
|
className={className}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
IncrementerBlockView.displayName = "IncrementerBlockView";
|
|
|
|
export default memo(IncrementerBlockView);
|