24 lines
533 B
TypeScript
24 lines
533 B
TypeScript
"use client";
|
|
|
|
import { Text } from "@mantine/core";
|
|
import { useState } from "react";
|
|
|
|
export default function ComponentGlobal_InputCountDown({
|
|
maxInput,
|
|
lengthInput,
|
|
}: {
|
|
maxInput: number;
|
|
lengthInput: number;
|
|
}) {
|
|
return (
|
|
<>
|
|
<Text fz={"xs"} fs={"italic"} color="gray">
|
|
{maxInput - lengthInput < 0 ? 0 : maxInput - lengthInput} /{" "}
|
|
<Text span inherit c={maxInput - lengthInput < 0 ? "red" : ""} style={{transition: "0.5s"}}>
|
|
{maxInput}
|
|
</Text>
|
|
</Text>
|
|
</>
|
|
);
|
|
}
|