misc_pterodactyl-panel/resources/scripts/components/admin/AdminCheckbox.tsx
2021-07-25 17:14:55 -06:00

27 lines
749 B
TypeScript

import Input from '@/components/elements/Input';
import React from 'react';
import tw, { styled } from 'twin.macro';
export const TableCheckbox = styled(Input)`
&& {
${tw`border-neutral-500 bg-transparent`};
&:not(:checked) {
${tw`hover:border-neutral-300`};
}
}
`;
export default ({ name, checked, onChange }: { name: string, checked: boolean, onChange(e: React.ChangeEvent<HTMLInputElement>): void }) => {
return (
<div css={tw`flex items-center`}>
<TableCheckbox
type={'checkbox'}
name={'selectedItems'}
value={name}
checked={checked}
onChange={onChange}
/>
</div>
);
};