All files / Components/Flyout FlyoutFooter.js

100% Statements 4/4
100% Branches 0/0
100% Functions 1/1
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18      1x     8x   8x   8x              
import React, { useContext } from 'react';
import { WebAppsUXContext } from '../../Context';
 
const FlyoutFooter = props => {
    const {
        children,
    } = props;
 
    const { theme } = useContext(WebAppsUXContext);
 
    return (
        <div className={`flex items-center py-2 px-4 bg-gray-100 dark:bg-gray-800 border-t-2 border-${theme}-600`}>
            {children}
        </div>
    )
}
 
export default FlyoutFooter;