26 lines
698 B
TypeScript
26 lines
698 B
TypeScript
import Input from '@/components/elements/Input';
|
|
import React from 'react';
|
|
import styled from 'styled-components/macro';
|
|
import tw 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 (
|
|
<TableCheckbox
|
|
type={'checkbox'}
|
|
name={'selectedItems'}
|
|
value={name}
|
|
checked={checked}
|
|
onChange={onChange}
|
|
/>
|
|
);
|
|
};
|