function Silhouette({ className = 'h-12 w-12' }) {
  return (
    <svg viewBox="0 0 64 64" className={`${className} text-text-secondary`} fill="currentColor">
      <path d="M21 10c-2 0-3 3-3 7 0 3 1 6 3 8-4 2-7 6-7 12v8c0 3 2 5 5 5h26c3 0 5-2 5-5v-8c0-6-3-10-7-12 2-2 3-5 3-8 0-4-1-7-3-7-2 0-4 4-4 8 0 1 0 2 1 3-2-1-5-2-8-2s-6 1-8 2c1-1 1-2 1-3 0-4-2-8-4-8z" />
    </svg>
  )
}

export default Silhouette