// Value card icons. All are decorative: the card title names the value.

import { StrokeIcon } from '../page/icons';

export const CommitmentIcon = () => (
	<StrokeIcon d="M12 13a4 4 0 100-8 4 4 0 000 8zM5 20a7 7 0 0114 0" />
);

export const PassionIcon = () => (
	<StrokeIcon d="M12 20l-7.1-7.1a4.5 4.5 0 016.4-6.4l.7.7.7-.7a4.5 4.5 0 016.4 6.4z" />
);

export const LearningIcon = () => (
	<StrokeIcon d="M4 5h16v14H4zM8 9h8M8 12h8M8 15h5" />
);

export const TeamworkIcon = () => (
	<StrokeIcon d="M9 11a3 3 0 100-6 3 3 0 000 6zM3 19a6 6 0 0112 0M16 11a3 3 0 100-6M18 19a6 6 0 00-3-5.2" />
);

export const FunIcon = () => (
	<StrokeIcon d="M12 21a9 9 0 100-18 9 9 0 000 18zM8.5 14.5a4 4 0 007 0M9 9.5v.01M15 9.5v.01" />
);

export const IntegrityIcon = () => (
	<StrokeIcon d="M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6zM9 12l2 2 4-4" />
);