import QtQuick 1.1
import com.nokia.meego 1.1

Item {
    id: listItem

    signal clicked
    property alias pressed: mouseArea.pressed

    height: UiConstants.ListItemHeightDefault
    width: parent.width

    BorderImage {
        id: background
        anchors.fill: parent
        anchors.leftMargin: -UiConstants.DefaultMargin
        anchors.rightMargin: -UiConstants.DefaultMargin
        visible: pressed
        source: theme.inverted ? "image://theme/meegotouch-panel-inverted-background-pressed" : "image://theme/meegotouch-panel-background-pressed"
    }

    MouseArea {
        id: mouseArea;
        anchors.fill: parent
        onClicked: {
            listItem.clicked();
        }
    }
}