ะšะพะผะฟะพะฝะตะฝั‚ั‹ะะพะฒะพะต

ะฃะฒะตะดะพะผะปะตะฝะธะต ะฒ ัั‚ะธะปะต ั‚ะตะปะตั„ะพะฝะฐ

ะšะฐั€ั‚ะพั‡ะบะฐ ัƒะฒะตะดะพะผะปะตะฝะธั ะบะฐะบ ะฝะฐ ั‚ะตะปะตั„ะพะฝะต: ะฟะปะฐะฒะฝะพ ะฒั‹ะตะทะถะฐะตั‚ ัะฒะตั€ั…ัƒ, ัะปะตะณะบะฐ ัƒะฒะตะปะธั‡ะธะฒะฐะตั‚ัั ะฟั€ะธ ะฝะฐะฒะตะดะตะฝะธะธ ะธ ะทะฐะบั€ั‹ะฒะฐะตั‚ัั ะบั€ะตัั‚ะธะบะพะผ.

ะะฐัั‚ั€ะพะนะบะธ

tileFrom
tileTo
background

ะžัะฝะพะฒะฐะฝะพ ะฝะฐ ugly-stingray-77 by JohnnyCSilva (MIT ะปะธั†ะตะฝะทะธั) ยท ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั

ะŸะฐั€ะฐะผะตั‚ั€ั‹

11 ะฟะฐั€ะฐะผะตั‚ั€ะพะฒ
ะŸะฐั€ะฐะผะตั‚ั€ะขะธะฟะŸะพ ัƒะผะพะปั‡ะฐะฝะธัŽะžะฟะธัะฐะฝะธะต
titlestring"Build finished"ะ–ะธั€ะฝะฐั ะฟะตั€ะฒะฐั ัั‚ั€ะพะบะฐ.
timestring"2 min ago"ะœะตะปะบะฐั ะฟะพะผะตั‚ะบะฐ ัะฟั€ะฐะฒะฐ, ะฝะฐะฟั€ะธะผะตั€ ะฒั€ะตะผั.
messagestring"Your preview is ready to open."ะ’ั‚ะพั€ะฐั ัั‚ั€ะพะบะฐ.
iconReactNodeโ€”ะกะพะดะตั€ะถะธะผะพะต ะบะฒะฐะดั€ะฐั‚ะฝะพะน ะฟะปะธั‚ะบะธ ัะปะตะฒะฐ, ะฝะฐะฟั€ะธะผะตั€ ะธะบะพะฝะบะฐ ะฟั€ะธะปะพะถะตะฝะธั.
tileFromstring"#f5f5f5"ะ’ะตั€ั…ะฝะธะน ั†ะฒะตั‚ ะณั€ะฐะดะธะตะฝั‚ะฐ ะฟะปะธั‚ะบะธ.
tileTostring"#525252"ะะธะถะฝะธะน ั†ะฒะตั‚ ะณั€ะฐะดะธะตะฝั‚ะฐ ะฟะปะธั‚ะบะธ.
backgroundstring"#262626"ะคะพะฝ ะบะฐั€ั‚ะพั‡ะบะธ.
dismissiblebooleantrueะŸะพะบะฐะทั‹ะฒะฐั‚ัŒ ะบะฝะพะฟะบัƒ ะทะฐะบั€ั‹ั‚ะธั.
onDismiss() => voidโ€”ะ’ั‹ะทั‹ะฒะฐะตั‚ัั ะฟะพัะปะต ะทะฐะบั€ั‹ั‚ะธั ะบะฐั€ั‚ะพั‡ะบะธ.
animateInbooleantrueะ’ั‹ะตะทะถะฐั‚ัŒ ัะฒะตั€ั…ัƒ ะฟั€ะธ ะฟะพัะฒะปะตะฝะธะธ.
classNamestringโ€”ะšะปะฐััั‹ ะดะปั ะพะฑั‘ั€ั‚ะบะธ.

ะ—ะฐะฒะธัะธะผะพัั‚ะธ

ะŸะฐะบะตั‚ะพะฒ: 2

npm install clsx tailwind-merge

ะŸะพั…ะพะถะธะต ะบะพะผะฟะพะฝะตะฝั‚ั‹

ะกะผะพั‚ั€ะตั‚ัŒ ะฒัะต