Files
requestarr/src/components/TitleCard/Placeholder.tsx
Ryan Cohen 16545eec22 feat: tooltip foundation (#2950)
* feat: add foundation for tooltips

* fix: add lang

* refactor: remove React import where no longer necessary
2022-08-19 19:35:50 +09:00

18 lines
394 B
TypeScript

interface PlaceholderProps {
canExpand?: boolean;
}
const Placeholder = ({ canExpand = false }: PlaceholderProps) => {
return (
<div
className={`relative animate-pulse rounded-xl bg-gray-700 ${
canExpand ? 'w-full' : 'w-36 sm:w-36 md:w-44'
}`}
>
<div className="w-full" style={{ paddingBottom: '150%' }} />
</div>
);
};
export default Placeholder;