import { Avatar } from "./ui/avatar"; import { Button } from "./ui/button"; export const UpgradeAccountBanner = () => { return (
wirtly
Lite Account (upgrade)
120 GB / 130 GB
10 GB / 25 GB
0% Free Usage
); }; const CrownIcon = ({ className }: { className?: string }) => { return ( ); }; const PersonIcon = ({ className }: { className?: string }) => { return ( ); }; const CloudIcon = ({ className }: { className?: string }) => { return ( ); }; const CloudDonwloadIcon = ({ className }: { className?: string }) => { return ( ); }; const CheckRoundedIcon = ({ className }: { className?: string }) => { return ( ); }; // TODO: Discuss duplicated icon definitions const AddIcon = ({ className }: { className?: string }) => { return ( ); };