Spaces:

arabdullah
/

chatty

Paused

chatty / client /src /components /globals /ModalChild.jsx

@ARAbdullaSL

a0fda44 verified about 2 years ago

415 Bytes

import React from "react";

function ModalChild({ children, onClick, className }) {
  return (
    <div
      onClick={onClick}
      className={`flex items-center gap-[.8rem] hover:bg-secondary-light-text modal-child text-[1.4rem] font-medium capitalize px-[1rem] py-[.5rem] rounded-md cursor-default duration-200 active:scale-95 ${className}`}
    >
      {children}
    </div>
  );
}

export default ModalChild;

	import React from "react";

	function ModalChild({ children, onClick, className }) {
	return (
	<div
	onClick={onClick}
	className={`flex items-center gap-[.8rem] hover:bg-secondary-light-text modal-child text-[1.4rem] font-medium capitalize px-[1rem] py-[.5rem] rounded-md cursor-default duration-200 active:scale-95 ${className}`}
	>
	{children}
	</div>
	);
	}

	export default ModalChild;