Files
supanextail/components/UI/KeyFeature.tsx
2021-12-16 23:45:43 +01:00

21 lines
507 B
TypeScript

/*
This card is used on the landing page
*/
import { FiStar } from 'react-icons/fi';
type KeyFeatureProps = {
children: JSX.Element;
};
const KeyFeature = ({ children }: KeyFeatureProps): JSX.Element => (
<div className="flex p-5 mb-5 italic shadow-sm bg-base-100">
<div className="flex w-12 h-12 p-2 my-auto text-white rounded-sm bg-accent-focus">
<FiStar className="m-auto text-2xl" />
</div>
<div className="m-auto ml-3">{children}</div>
</div>
);
export default KeyFeature;