hunk.code_window: const styles = cva(
   	[
   		'form-check-input float-left mr-2 mt-1 h-4 w-4 appearance-none rounded-sm border border-gray-300 bg-white bg-contain bg-center bg-no-repeat align-top transition duration-200',
   		'checked:border-blue-600 checked:bg-blue-600 focus:outline-none '
   	],
   	{ variants: {} }
   );
  
hunk.labels: keep keep keep replace keep keep keep keep
hunk.after_edit: 		'checked:border-accent checked:bg-accent focus:outline-none checked:hover:bg-accent/80'
  
hunk.file_path: packages/ui/src/CheckBox.tsx
hunk.type: replace
file: import { Heading } from '../Layout';
  
  export const Component = () => {
  	return (
  		<>
  			<Heading title="Sharing" description="Manage who has access to your libraries." />
  		</>
  	);
  };
  