@import './button';

.p-panel {
    @apply border border-surface-200 dark:border-surface-700 rounded-md
        bg-surface-0 dark:bg-surface-900
        text-surface-700 dark:text-surface-0
}

.p-panel-header {
    @apply flex justify-between items-center p-[1.125rem]
}

.p-panel-toggleable .p-panel-header {
    @apply py-[0.375rem] px-[1.125rem]
}

.p-panel-title {
    @apply leading-none font-semibold
}

.p-panel-content {
    @apply pt-0 pb-[1.125rem] px-[1.125rem] 
}

.p-panel-footer {
    @apply pt-0 pb-[1.125rem] px-[1.125rem] 
}