mirror of
https://github.com/Vikeo/LifeTrinket.git
synced 2025-11-15 15:27:59 +00:00
Remove MUI (#36)
* remove mui from layouts * remove button * remove switch * remove mui
This commit is contained in:
31
src/Components/Misc/IconCheckbox.tsx
Normal file
31
src/Components/Misc/IconCheckbox.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
export const IconCheckbox = ({
|
||||
name,
|
||||
icon,
|
||||
checkedIcon,
|
||||
checked,
|
||||
onChange,
|
||||
className,
|
||||
}: {
|
||||
name: string;
|
||||
icon: JSX.Element;
|
||||
checkedIcon: JSX.Element;
|
||||
checked: boolean;
|
||||
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
||||
className?: string;
|
||||
}) => {
|
||||
return (
|
||||
<div className={className}>
|
||||
<label>
|
||||
<input
|
||||
name={name}
|
||||
type="checkbox"
|
||||
checked={checked}
|
||||
onChange={onChange}
|
||||
className="sr-only peer"
|
||||
/>
|
||||
<div className="peer-checked:hidden block">{icon}</div>
|
||||
<div className="peer-checked:block hidden">{checkedIcon}</div>
|
||||
</label>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user