<template>
    <svg
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512">
        <rect
            fill="none"
            stroke="currentColor"
            stroke-linejoin="round"
            :stroke-width="strokeWidth"
            x="48"
            y="80"
            width="416"
            height="384"
            rx="48" />
        <path
            fill="none"
            stroke="currentColor"
            stroke-linejoin="round"
            :stroke-width="strokeWidth"
            stroke-linecap="round"
            d="M128 48v32M384 48v32" />
        <path
            fill="none"
            stroke="currentColor"
            stroke-linejoin="round"
            :stroke-width="strokeWidth"
            d="M464 170H48" />
    </svg>
</template>

<script>
export default {
    name: 'CalendarIcon',
    props: {
        strokeWidth: {
            type: Number,
            default: 30
        }
    }
}
</script>